@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* {
	margin:0px;
	padding:0px
}
body {
	font-family: 'Roboto', sans-serif;
}
img {
	max-width:100%;
}
.wrapper {
	width:100%;
	float:left
}
p {
	margin:0;
	color: #6d6e6f;
	font-size:17px;
	line-height: 1.4em;
}
a, a:hover {
	text-decoration:none;
}



.fotter-section.full-row {
  background: #990000;
  border-top: 15px solid #e66402;
  padding: 20px 0;
  width: 100%;
  float: left;
}

.foter-logo {
  width: 25%;
  float: left;
}

.foter-adres {
  float: right;
  width: 30%;
  margin-top: 20px;
  border-left: 2px solid #c73400;
  padding-left: 30px;
  color: #fff;
}

#copyright {
  clear: both;      /* FIX — forces it to appear below floats */
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
  text-align: left; /* Align under logo */
}

.full-row {
	width:100%;
	float:left
}
.container-bnr {
	width: 1240px;
	margin: 100px auto;
}
.pull-top {
	margin-top: 50px;
}
/*HEADER SECTION CSS START*/
.header {
	width:100%;
	float:left;
}
.top-bar {
	background: #990000;
	height: 45px;
}
.navigation li {
	display: inline-block;
	text-align: center;
	float: none;
	width: auto;
}
.navigation ul {
	text-align: center;
	margin: 0;
	float: left;
	width: 100%;
	display: inline-block;
}
.navigation li a {
	display: inline-block;
	text-decoration: none;
	min-width: 50px;
	color: #fff;
	padding: 5px 10px 0;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: .8px;
	font-size: 16px;
}
.navigation li:hover a {
	color:#ff7500;
}
.navigation li.active a {
	color:#ff7500;
}
h3 {font-size: 25px;
  color: #900;
  font-weight: bold;}

 .navigation li.active a::after {
 content: '';
 display: block;
 width: 100%;
 height: 2px;
 background: #ff7500;
 transition: width .3s;
 padding: 2px 0;
}
 .navigation li a::after {
 content: '';
 display: block;
 width: 0;
 height: 2px;
 background: #ff7500;
 transition: width .3s;
 padding: 2px 0;
}
 .navigation li a:hover::after {
 width: 100%;
 transition: width .3s;
}
.logo-section {
	text-align: center;
}
.logo-section img {
	max-width: 40%;
}
 .collapse:not(.show) {
 display: block;
}
.navbar-header {
	display: none;
}
.navigation .navbar.navbar-inverse {
	padding: 0;
}
/*HEADER SECTION CSS END*/

/*BANNER SECTION CSS START*/
.banner-section {
	background: url(../img/bg-bnr.jpg) no-repeat scroll;
	background-size: cover;
	height: 650px;
	margin-top: 30px;
}
.seecase-btn {
	height: 30px;
	background: #fff;
	float: left;
	text-align: center;
	padding: 5px 10px;
	color: #ec2028;
	font-weight: 600;
	font-size: 14px;
	position: relative;
	margin-top:15px
}
.seecase-btn:hover {
	color: #ec2028;
	text-decoration:none;
}
 .seecase-btn::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 10px solid white;
 border-top: 15px solid transparent;
 border-bottom: 15px solid transparent;
}
.rght-img-bnr {
	float: right;
	width: 60%;
	position: relative;
	z-index: 99;
	margin: 50px 0 0;
}
.lft-side-bnr {
	width: 50%;
	float: left;
	background: #ec2028;
	padding: 50px 150px 50px 40px;
	margin-right: -10%;
}
.owl-dot.active span {
	background: #333;
}
.owl-dot span {
	border:1px solid #333;
	width: 13px;
	height: 13px;
	display: block;
	opacity: 1;
	padding: 0;
	border-radius: 20px;
}
.item p {
	color: #fff;
	font-weight: 400;
}
.lft-side-bnr p {
	color: #fff;
	letter-spacing: .5px;
}
.rght-img-bnr {
	background: url(../img/baner-scren.png) no-repeat scroll;
	padding: 30px 30px;
	background-size: 100%;
	height: 650px;
}
.banner-section .owl-nav {
	display: none;
}
.rght-img-bnr .owl-carousel .owl-dots {
	position: absolute;
	top: -65px;
	display: block;
}
.owl-dots .owl-dot {
	margin: 0 4px;
}
.lft-side-bnr h3 {
	color: #fff;
}
.lft-side-bnr h3 span {
	color: #000;
}
.owl-carousel .owl-item {
	margin-right:0;
}
/*BANNER SECTION CSS END*/



/*What is Your Challenge? css start*/
.whatchallnge h3 {
	color: #990000;
	text-align: center;
	display: inline-block;
	font-weight: 600;
}
.whatchallnge.full-row {
	margin: 50px 0 0;
}
.challngerow {
	text-align: center;
	width: 100%;
	margin: 0;
}
.contct-btn {
	background: #ff7500;
	height: 30px;
	color: #fff;
	float: none;
	text-align: center;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
	position: relative;
}
.contct-btn:hover {
	background: #ff7500;
	color: #fff;
}
 .contct-btn::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 10px solid #ff7500;
 border-top: 12px solid transparent;
 border-bottom: 15px solid transparent;
}
.box-challenge h3 {
	font-weight: 800;
	text-align: left;
}
.whatchallnge hr {
	margin: 30px 0;
}
.box-challenge li {
	display: block;
	font-size: 18px;
	color: #6d6e6f;
	padding: 0 0 0px 20px;
	background: url(../img/dot-icon.png) no-repeat scroll;
	background-position-y: center;
	margin: 0 0 5px 0;
}
.box-challenge strong {
	color: #6d6e6f;
}
.challngerow p {
	font-size: 18px;
	margin-bottom: 15px;
}
/*What is Your Challenge? css end*/

/*Success Stories css section start*/
.story-box {
	width: 100%;
	float: left;
	position: relative;
}
.storyprson {
	position: absolute;
	left: 90px;
	z-index: 999;
	max-width: 30%;
	top: -31px;
}
.story-box-text {
	width: 65%;
	float: left;
	border: 8px solid #bbb0c5;
	position: relative;
	height: 230px;
	padding: 60px 18px 20px 18px;
}
.story-box-img {
	width: 35%;
	float: left;
	position: relative;
	z-index: 9;
	height: 230px;
	overflow: hidden;
}
.headig-story {
	position: absolute;
	background: #bbb0c5;
	left: 0;
	top: 0;
	color: #fff;
	font-weight: 500;
	padding: 2px 10px;
}
.story-box-img {
	background:url(../img/story-bg-prson.png) no-repeat scroll;
}
.story-box-text p {
	color: #67626f;
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
}
.story-box-text span {
	color: #67626f;
	position: absolute;
	right: 30px;
	bottom: 10px;
	font-weight: 500;
}
/*Success Stories css section end*/

/*Brilliance and Power section css start*/
.briliiance-power img {
	float: left;
	max-width: 100%;
}
.briliiance-power h2 {
	color: #990000;
	font-weight: 600;
}
.img-briliance img {
	max-width: 100%;
}
.contnt-briliance {
	width: 80%;
	float: left;
}
.img-briliance {
	width: 15%;
	float: left;
	margin-right:5%
}
.row-problm {
	width: 80%;
	float: right;
	margin: 0 0 40px;
}
.row-problm:last-child {
	margin: 0;
}
.contnt-briliance h4 {
	color: #990000;
	font-weight: 400;
	font-size: 20px;
}
.contnt-briliance li {
	color: #6d6e6f;
	padding: 0 0 2px 15px;
	background: url(../img/dot-icon.png) no-repeat scroll;
	background-position-y: center;
	display: block;
	font-size: 18px;
}
.briliance-text p {
	font-size: 18px;
}
.briliance-row {
	padding: 0 70px;
	width: 100%;
	float: left;
}
.brilince-problm-sec {
	padding: 0 70px;
	width: 100%;
	float: left;
	margin: 20px 0 0;
}
.briliiance-power img {
	float: left;
	max-width: 100%;
}
.briliance-text {
	float: left;
	width: 70%;
}
.img-briliance {
	margin-top: 38px;
}
.brilincelogo-img {
	width: 30%;
	float: left;
	padding-right: 20px;
}
/*Brilliance and Power section css end*/


/*You Succeed with Our Powers Combined css section*/
.your-success h3 {
	color: #990000;
	font-weight: 600;
	text-align: center;
}
.your-success {
	background: url(../img/bg-cloud.png) no-repeat scroll;
	background-position: bottom right;
	background-size: 30%;
}
.success-heding {
	width:100%;
	float:left;
	text-align:center;
}
.success-heding p {
	margin-bottom: 15px;
}
.letstalk-btn {
	background: #ff7500;
	height: 30px;
	color: #fff;
	float: none;
	text-align: center;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
	position: relative;
}
.letstalk-btn:hover {
	background: #ff7500;
	color: #fff;
}
 .letstalk-btn::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 10px solid #ff7500;
 border-top: 12px solid transparent;
 border-bottom: 15px solid transparent;
}
.activer-lighting {
	float: left;
	text-align: center;
	width: 100%;
	color: #6d6e6f;
	font-size: 15px;
	text-transform: uppercase;
	margin: 50px 0 0;
}
.brder-bg {
	width: 100%;
	float: left;
	background: #ccc;
	height: 1px;
	margin: -10px 0 0;
}
.activer-lighting h5 {
	position: relative;
	width: auto;
	margin: 0 auto;
	display: inline-block;
	z-index: 9;
	background: #fff;
	padding: 0 10px;
	font-size: 14px;
	color: #6d6e6f;
	letter-spacing: .5px;
}
.line-logos li {
	display: inline-block;
	width: 33.3%;
	float: left;
	text-align: center;
	padding: 0px 15px;
}
 .line-logos li:nth-child(4), .line-logos li:nth-child(5) {
 width: 50%;
}
 .line-logos li:nth-child(4) img, .line-logos li:nth-child(5) img {
 max-width: 70%;
}
 .line-logos li:nth-child(4) {
 text-align:right;
}
 .line-logos li:nth-child(5) {
 text-align:left;
}
.line-logos {
	width: 60%;
	padding: 30px 0;
	text-align: center;
	display: table;
	margin: 0 auto;
	float: none;
	clear: both;
	height: 100%;
}
/*You Succeed with Our Powers Combined css section end*/


/*FOOTER SECTION CSS START*/

/*.wrapper {
	padding-bottom: 320px;
	position:relative;
}

.fotter-section.full-row {
	position: absolute;
	bottom: 0;
}
.fotter-section.full-row {
	background: #990000;
	height: 170px;
	border-top: 15px solid #e66402;
}
.foter-logo {
	width: 25%;
	float: left;
	margin-left: -80px;
}*/
.foter-links {
	width: 33%;
	float: left;
	padding: 0 0 0 15px;
	margin: 55px 0 0;
	height: 35px;
display:none
}
.foter-links li {
	color: #fff;
	list-style-type: disc;
	float: left;
	padding: 0;
	margin: 0 18px 0 0;
	line-height: 30px;
}
.foter-links li:first-child {
	list-style-type: none;
}
.foter-links li a {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 0 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.foter-links ul {
	float: left;
	width: 100%;
	margin: 0;
}
.foter-adres li {
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	display: inline-block;
	line-height: 18px;
	margin: 0;
	padding: 0;
	float: left;
}
.foter-adres ul {
	margin: 0;
}
/*.foter-adres {
	float: right;
	width: 30%;
	margin: 50px 0 0;
	border-left: 2px solid #c73400;
	padding: 0 0px 0 30px;
	height: 35px;
}*/
.foter-adres li:first-child {
	padding-right: 10px;
}
 .foter-adres li:nth-child(2) {
 padding-left: 0;
}

/*FOOTER SECTION CSS END*/


/*CASE STUDY PAGE CSS START*/
.banner-section.case-study {
	background: none;
	height: 380px;
	overflow: hidden;
}
.banner-section.case-study img {
	width: 100%;
}
.yoursucces-casesty {
	margin-top: 150px;
}
.your-success.yoursucces-casesty {
	background-size: 20%;
	background-position-x: right 150px;
}
.lft-side-bnr.lft-sidetransform {
	background: #fff;
	padding: 0;
}
.digitl-trnformtn {
	background: #ec2028;
	float: left;
	width: 100%;
	padding: 100px 150px 100px 40px;
}
.digitl-trnformtn .seecase-btn {
	padding: 5px 3px;
}
.seecase-btn img {
	max-width: 15%;
}
.rght-img-bnr.rghtsid-bnrimg {
	background: none;
	padding: 0;
	background-size: 100%;
	height: 100%;
}
.deford-sply-sec h2 {
	color:#990000;
	font-weight:600;
}
.deford-sply-sec strong {
	margin-top: 15px;
	display: block;
	color: #900;
}
.deforlogo {
	width: 100%;
	float: left;
}
.deforlogo img {
	margin: 40px 0;
}
.deforlogo li {
	color: #6d6e6f;
}
.deford-sply-sec {
	margin: 20px 0 0;
	width: calc(100% - 170px);
	float: left;
}
.lft-side-bnr.lft-sidetransform p, .lft-side-bnr.lft-sidetransform li {
	color: #6d6e6f;
	font-weight: 500;
	letter-spacing: .1px;
	font-size: 14px;
}
.deforlogo ul {
	margin-left: 10px;
}
.digitl-trnformtn h3 {
	font-size: 40px;
}
.digtal-transformtin-sec .container-bnr {
	margin:0 auto;
}
.digtal-transformtin-sec {
	margin-top: -300px;
}
/*portfolio page css*/

.header.porfolo_pge {
	background: #000;
}
.glry-img1 {
	width: 40%;
	height: 200px;
	left: 0;
	top: 0;
}
.glryimg-row {
	position:relative
}
.glry-img {
	position: absolute;
	overflow: hidden;
	border-bottom: 6px solid #000;
}
.glry-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.glry-img2 {
	width: 20%;
	height: 400px;
	top: 0;
	left: 40%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img3 {
	width: 40%;
	height: 400px;
	left: 60%;
	top:0
}
.glry-img4 {
	height: 400px;
	top: 200px;
	width: 40%;
	left: 0;
}
.glry-img5 {
	left: 40%;
	top: 400px;
	height: 200px;
	width: 40%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img6 {
	top: 400px;
	left: 80%;
	width: 20%;
	height: 400px;
}
.glry-img7 {
	width: 40%;
	left: 0;
	top: 600px;
	height:200px
}
.glry-img8 {
	top: 600px;
	left: 40%;
	width: 40%;
	height: 400px;
	border-right: 6px solid #000;
	border-left: 6px solid #000;
}
.glryimg-row {
	position: relative;
	height: 1500px;
}
.glry-img9 {
	top: 800px;
	left: 0;
	width: 40%;
	height: 200px;
}
.glry-img10 {
	right: 0;
	top: 800px;
	width: 20%;
	height: 200px;
}
.portfolio-page {
	background: #000;
	margin: 30px 0 0;
}
.portfolio-page h2 {
	color: #ff7500;
	font-size: 34px;
	font-weight: 900;
}
.port-sec {
	text-align: center;
	margin: 60px 0 80px;
	width: 100%;
	float: left;
}
.portfolio-gallery .nav li a.active {
	color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding: 0 0 3px;
}
.portfolio-gallery .nav a {
	color: #fff;
	font-size:22px;
}
.portfolio-gallery li {
	display: inline-block;
	padding: 0 6px;
}
.portfolio-gallery {
	width: 100%;
	float: left;
	margin: 40px 0 0;
}
.portfolio-gallery .nav.nav-tabs {
	margin: 0 auto;
	text-align: center;
	display: block;
	border-color: #333;
}
.portfolio-gallery .tab-content {
	margin: 30px 0 0;
}
.capton-glry {
	display: none;
	position: absolute;
	z-index: 99;
	top: 30%;
	left: 0;
	right: 0;
	color: #990000;
	font-size: 16px;
	background: #fff;
	padding: 10px 10px;
	width: 160px;
	margin: 0 auto;
	line-height: 18px;
	box-shadow: 0 4px 5px #333;
	text-align: left;
}
.glry-img:hover .capton-glry {
	display: block;
}
.glry-img:hover {
	cursor:pointer;
	background:#fff;
}
.capton-glry a {
	color: #b1b1b1;
	display: block;
	font-size: 15px;
}
.port-sec p {
	color: #fff;
}
.systm-intigration h1 {
	color: #990000;
	font-weight: bold;
}
.systm-intigration span {
	color: #939598;
	font-weight: bold;
	margin: 10px 0 20px;
	display: block;
}
.systm-intigration p {
    margin-bottom: 20px;
    color: #6d6e6f;
    font-weight: 500;
}
.box-ovrview-img strong {
	color: #fff;
	display:block;
	margin: 0 0 20px;
}
.systm-intigration strong {
	color: #fff;
	font-size: 20px;
}
.portfolio-page-detail {
	background: #fff;
	padding: 80px 0;
}
 .capton-glry::after {
 width: 0;
 height: 0;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-bottom: 7px solid #fff;
 content: " ";
 position: absolute;
 bottom: -14px;
 left: 20px;
 border-top: 8px solid transparent;
 transform: rotate(180deg);
}
.portfolio-gallery ul.dropdown-menu li {
	display:block;
}
.portfolio-gallery ul .dropdown.show a {
	color: #ff7500;
}
.portfolio-gallery ul .dropdown.show ul li a {
	color: #000;
}
.portfolio-gallery ul .dropdown-menu.show li a:hover {
	color: #ff7500;
}
.prvis-nextpage a i {
	color: #ff7500;
}
.prvis-nextpage a {
	color: #000;
	font-size:20px
}
.prvis-nextpage {
	width: 100%;
	float: left;
	/* background: #000; */
	border-bottom: 2px solid #333;
	padding: 40px 0 0;
}
.prvis-nextpage li {
 display:;
	float: left;
	width: 33.3%;
	display:block;
}
.next_page {
	text-align: right;
}
.grid_page {
	text-align: center;
}
.privis_page {
	text-align: left;
}
.glry-img11.glry-img {
	left: 0;
	top: 1000px;
	height: 200px;
	width: 20%;
}
.glry-img12 {
	top: 1000px;
	left: 20%;
	width: 40%;
	height: 200px;
}
.glry-img13 {
	width: 40%;
	right: 0;
	height: 200px;
	top: 1000px;
}
.glry-img12 {
	border-right: 6px solid #000;
	border-left: 6px solid #000;
}
.glry-img14 {
	left: 0;
	top: 1200px;
	width: 40%;
	height: 300px;
}
.glry-img15 {
	top: 1200px;
	left: 40%;
	width: 30%;
	height: 300px;
	border-right: 6px solid #000;
	border-left: 6px solid #000;
}
.glry-img16 {
	right: 0;
	width: 30%;
	height: 300px;
	top: 1200px;
}
.box-ovrview-txt.row {
	position: relative;
}
.portfolio-page-detail .owl-dots {
	position: absolute;
	top: 0;
	right: -17%;
}
.vistsite {
	color: #fff;
	padding: 5px 8px;
	float: left;
	background-image: url(../images/vistbg.png);
	background-repeat: no-repeat;
	width: 145px;
	font-weight: bold;
	line-height: 100%;
}
.vistsite:hover {
	color: #fff;
}
.box-ovrview-txt .owl-dot span {
	border: 2px solid #fff;
	width: 17px;
	height: 17px;
	display: block;
	opacity: 1;
	padding: 0;
	border-radius: 20px;
}
.box-ovrview-txt .owl-dot.active span {
	background: #fff;
}
.systm-intigration {
	padding-top: 0px;
	padding-left: 30px;
}
.systm-intigration h3 {
	color: #fff;
}
.glry-img17 {
	left: 0;
	width: 25%;
	height: 300px;
	top: 1500px;
}
.glry-img19 {
	top: 1500px;
	left: 50%;
	height: 300px;
	width: 25%;
	border-right: 6px solid #000;
}
.glry-img36 {
	top: 1500px;
	right: 0;
	height: 300px;
	width: 25%;
}
.glry-img18 {
	top: 1500px;
	width: 25%;
	left: 25%;
	height: 300px;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img20 {
	top: 1800px;
	left: 0;
	height: 300px;
	width: 25%;
}
.glry-img21 {
	top: 1800px;
	left: 25%;
	height: 300px;
	width: 25%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img22 {
	top: 1800px;
	left: 50%;
	height: 300px;
	width: 25%;
	border-right: 6px solid #000;
}
.glry-img23 {
	top: 1800px;
	right: 0;
	height: 300px;
	width: 25%;
}
.glry-img24 {
	top: 2100px;
	left: 0%;
	height: 300px;
	width: 30%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img25 {
	top: 2100px;
	left: 30%;
	height: 300px;
	width: 30%;
}
.glry-img26 {
	top: 2100px;
	right: 0;
	height: 300px;
	width: 40%;
	border-left: 6px solid #000;
}
.glry-img27 {
	top: 2400px;
	left: 0;
	height: 300px;
	width: 40%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img28 {
	top: 2400px;
	left: 40%;
	height: 300px;
	width: 30%;
}
.glry-img29 {
	top: 2100px;
	left: 0;
	height: 300px;
	width: 29%;
	border-left: 6px solid #000;
}
.glry-img30 {
	top: 2400px;
	right: 0;
	height: 300px;
	width: 30%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img31 {
	top: 2700px;
	right: 0;
	height: 300px;
	width: 30%;
}
.glry-img32 {
	top: 3000px;
	left: 0;
	height: 300px;
	width: 25%;
}
.glry-img33 {
	top: 3000px;
	left: 25%;
	height: 300px;
	width: 25%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img34 {
	top:3000px;
	left: 50%;
	height: 300px;
	width: 25%;
	border-right: 6px solid #000;
}
.glry-img35 {
	top:3000px;
	right: 0;
	height: 300px;
	width: 25%;
}
.capton-glry font {
	font-size: 12px;
	display: block;
	color: #ff7500;
}
.categories li a {
	color: #fff;
}
.categories ul {
	border-bottom: 1px solid;
}
.categories li.active a {
	color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding: 0 0 3px;
}
.portfolio-gallery .dropdown-menu {
	background: #fff;
	border: none;
	border-radius: 0;
	width: 220px;
}
.portfolio-gallery ul.dropdown-menu li a {
	color: #000;
	font-size: 14px;
	display: block;
	line-height: 15px;
	padding: 5px 0 5px;
}
.box-ovrview-txt .item.row {
	margin: 0;
}
.box-ovrview-txt .owl-carousel .owl-item img {
	display: block;
	width: auto;
	height: auto;
}
/*gallery css*/


.projects-container .row {
 -webkit-transition:height .5s ease-out;
 transition:height .5s ease-out;
}
.portfolio-item {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
 -webkit-transition:all .4s ease-out;
 transition:all .4s ease-out;
}
.portfolio-item.filtered {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0.2;
	cursor:default;
}
.no-opacity .portfolio-item.filtered {
	display:none;
}
.portfolio-item.filtered a {
	cursor:default;
}
.portfolio-item.filtered .enlarge, .portfolio-item.filtered .link, .portfolio-item.filtered .overlay-mask, .portfolio-item.filtered .project-title {
	display:none;
}
.portfolio-thumb {
	display:block;
	position:relative;
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.08);
	overflow:hidden;
}
.scrollimation .portfolio-thumb {
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
	opacity:0;
 -webkit-transition:opacity .4s ease-out, -webkit-transform .4s ease-out;
 transition:opacity .4s ease-out, transform .4s ease-out;
}
.touch .scrollimation .portfolio-thumb, .scrollimation .portfolio-thumb.in {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
}
.portfolio-thumb .overlay-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#5CC9DF;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:1;
 -webkit-transition:opacity .3s ease-out;
 transition:opacity .3s ease-out;
}
.portfolio-thumb:hover .overlay-mask {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.portfolio-thumb .enlarge, .portfolio-thumb .link {
	display:inline-block;
	margin:0;
	margin-top:-25px;
	font-size:50px;
	line-height:50px;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	height:50px;
	width:64px;
	top:40%;
	left:50%;
	text-align:center;
	z-index:3;
}
.portfolio-thumb .enlarge {
	margin-left:-84px;
	-webkit-transform:translateX(-200px);
	transform:translateX(-200px);
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out;
}
.portfolio-thumb:hover .enlarge {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1;
	filter:alpha(opacity=100);
 -webkit-transition:all .3s ease-out .3s;
 transition:all .3s ease-out .3s;
}
.portfolio-thumb .link {
	margin-left:20px;
	-webkit-transform:translateX(200px);
	transform:translateX(200px);
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out;
}
.portfolio-thumb:hover .link {
	-webkit-transform:translate(0);
	transform:translate(0);
	opacity:1;
	filter:alpha(opacity=100);
 -webkit-transition:all .3s ease-out .6s;
 transition:all .3s ease-out .6s;
}
.portfolio-thumb .enlarge.centered, .portfolio-thumb .link.centered {
	margin-left:-32px;
	-webkit-transform:translateY(-200px);
	transform:translateY(-200px);
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.portfolio-thumb:hover .enlarge.centered, .portfolio-thumb:hover .link.centered {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition-delay:0.3s;
	transition-delay:0.3s;
}
.portfolio-thumb .project-title {
	display:block;
	width:100%;
	position:absolute;
	bottom:-100px;
	background:#fff;
	margin:0;
	padding:20px 0;
	font-size:21px;
	font-weight:300;
	color:#777;
	text-align:center;
	z-index:2;
 -webkit-transition:bottom .4s ease-out, color .2s ease-out;
 transition:bottom .4s ease-out, color .2s ease-out;
}
.portfolio-thumb:hover .project-title {
	bottom:0;
 -webkit-transition:bottom .3s ease-out .1s, color .2s ease-out 0s;
 transition:bottom .3s ease-out .1s, color .2s ease-out 0s;
}
.portfolio-thumb .project-title:hover {
	color:#5CC9DF;
}
#portfolio {
	position: relative;
}
.categories {
	float: left;
	width: 100%;
}
.projects-container.scrollimation.in {
	width: 100%;
	float: left;
	position: relative;
	height: 2800px;
	display: flex;
}


.portfolio-gallery ul .dropdown.show a, .portfolio-gallery ul .dropdown.active-opn a {
	color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding-bottom: 3px;
}
.portfolio-gallery ul .dropdown a {
	padding-bottom: 3px;
}
.infomt-tcnly-btn {
	background-color: #fff;
	height: 44px;
	overflow: visible;
	display: inline-block;
	padding: 8px 20px;
	font-weight: bold;
	color: #ec2028;
	letter-spacing: 1px;
	font-size: 20px;
	position: relative;
	margin-right: 30px;
}
 .infomt-tcnly-btn::before {
 content: '';
 background-image: url(../img/lftarw-icn.png);
 position: absolute;
 left: -13px;
 top: 0;
 height: 44px;
 width: 13px;
 background-position-y: center;
}
.enry-tecnl-btn {
	background-color: #fff;
	height: 44px;
	overflow: visible;
	display: inline-block;
	padding: 8px 20px;
	font-weight: bold;
	color: #ec2028;
	letter-spacing: 1px;
	font-size: 20px;
	position: relative;
}
.engcontainer {
	float:left;
	width:100%;
	min-height:300px;
}

 .enry-tecnl-btn::after {
 content: '';
 background-image: url(../img/rgtarw-icn.png);
 position: absolute;
 right: -13px;
 top: 0;
 height: 44px;
 width: 18px;
 background-position-y: center;
}
.header.lnding-pge {
	padding: 15px 0;
	/* background: #000; */
	position: relative;
	z-index: 99;
}
.vdio-sec-midle {
	width: 100%;
	float: left;
	background: #000;
	text-align: center;
	position: relative;
	margin: -150px 0 0;
}
.onfp-it-btns {
	position: absolute;
	bottom: 40%;
	left: 0;
	right: 0;
}
.bg-blck {
	background:#000;
}
.enry-tecnl-btn:hover, .infomt-tcnly-btn:hover {
	color: #ec2028;
}
#myVideo {
	width: 100%;
}
/*.wrapper {
	padding-bottom: 170px;
	position: static;
}*/
html {
	position: relative;
	min-height: 100%;
}
/*CASE STUDY PAGE CSS END*/

/*energy page*/


.enrgy-tble td {
	border-right: 1px solid #fff;
	padding: 5px 10px;
	line-height: 1em;
}
.enrgy-tble tr {
	border-bottom: 1px solid #fff;
}
 .enrgy-tble tr:nth-child(odd) {
 background: #e1e1e1;
 padding: 5px 10px;
}
.enrgy-tble img {
	min-width:120px;
}
.enrgy-tble tr:nth-child(even) {
 background: #f0f0f0;
}
.enerypge li {
	color:#6d6e6f
}
.enerypge ul {
	margin:20px 0;
	width:100%;
	padding:0 15px
}
.enrymorelinks:hover {
	color: #990000;
}
.btns-more {
	width: 100%;
	float: right;
	text-align: right;
	margin-bottom: 20px;
}
.enerypge {
	width: 100%;
	float: left;
}
.enrymorelinks {
	color: #990000;
	font-size: 17px;
	margin: 5px 0 0;
	width: auto;
	clear: both;
	text-decoration: none;
	text-align: right;
	float: right;
}
.mb-30 {
	margin-bottom: calc(40px + 2em);
}
.smgcs-page h2 {
	color: #990000;
	font-size: 40px;
	font-weight: bold;
}
.smgcs-page {
	width: 100%;
	float: left;
}
.smgcs-page li {
	color: #6d6e6f;
	margin-bottom: .5em;
}
.smgcs-page ul {
	margin: 20px 0 0;
	width: 100%;
	padding: 0 15px;
}
.mt-30 {
	margin-top: 40px;
}
.project-pge ul ul {
	margin: 0;
}
.stps-pge li {
	display: block;
}
.indivisl-ivtr {
	margin:15px 0;
}
.enrgy-tble th {
	background: #a5a5a5;
	border-right: 1px solid #fff;
	padding: 8px 10px;
	line-height: 20px;
	color: #fff;
}
.smgcs-page ul ul {
	margin: 5px 0 20px;
}
.project-pge ul ul li {
	display: block;
}
.abotact-pge h4, .advntg-pge h4, .tcknlg-pge h4, .histry-pge h4, .busins-pge h4, .metsly-pge h4 {
	font-size: 22px;
	color:#990000;
	padding: 20px 0 0;
}
.abotact-pge ul {
	margin: 10px 0 0;
}
.advntg-pge p, .histry-pge p, .busins-pge p, .metsly-pge p {
	margin-bottom: 10px;
}
.advntg-pge a, .histry-pge a, .busins-pge a, .metsly-pge a {
	color: #990000;
	text-decoration:underline
}
.smgcs-page.aproch-pge ul {
	margin: 5px 0 0;
}
.tcknlg-pge td {
	color: #6d6e6f;
}
.navigation li:hover li a {
	color:#fff
}
.navigation li {
	position:relative
}
.navigation li ul li:hover a {
	color:#ff7500
}
.submenu li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 100px;
	position: relative;
	border-bottom: 3px solid #fff;
}
 .navigation li .submenu a::after {
 content:normal
}
.navigation li:hover .submenu {
	display:block
}
.submenu li a {
	color: #fff;
	padding: 2px 10px;
	display:block
}
.glry-img2 img {
	max-width: 100% !important;
	width: auto;
	height: auto;
	position: absolute;
	top: 40%;
	left: 0;
}
.stutnplmbr li {
	color:#fff
}
.stutnplmbr ul {
	padding-left:15px
}

 .fa-th-large::before {
 content: none !important;
}
.glry-img1, .glry-img2, .glry-img3, .glry-img4, .glry-img5, .glry-img6, .glry-img9, .glry-img11, .glry-img16, .glry-img17, .glry-img19, .glry-img7, .glry-img11 {
	background: rgba(255, 255, 255, .2);
}
.box-ovrview-txt .owl-carousel {
	display: block;
	width: 100%;
	z-index: 1;
}
.glry-img.glry-img1 img, .glry-img.glry-img3 img, .glry-img.glry-img4 img, .glry-img.glry-img5 img, .glry-img.glry-img6 img, .glry-img.glry-img9 img, .glry-img.glry-img11 img, .glry-img.glry-img16 img, .glry-img.glry-img17 img, .glry-img.glry-img19 img, .glry-img.glry-img7 img {
	width: auto !important;
	height: 100%;
	max-width: 100%;
	object-fit: none;
	object-position: center;
}
.box-ovrview-txt .item.row {
	margin: 0 0 40px;
	text-align: left;
}
.box-ovrview-txt .item span {
	color: #000;
	display: block;
	width: 100%;
	font-weight: bold;
	margin: 5px 0;
}
/*3Nov 2023*/

.banner-section-new {
	background-image: url(../img/banner-slide1.jpg);
	background-repeat: no-repeat;
	margin: 50px 0 0;
	background-size: cover;
}
.banner-captnn {
	text-align: center;
	padding: 20px 20px 30px;
	color: #fff;
}
.banner-captnn span {
	text-align: center;
	width: 100%;
	float: left;
	letter-spacing: 2px;
}
.banner-captnn p {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
}
.banner-captnn ul li {
	display: inline-block;
	padding: 0 15px;
}
.banner-captnn ul li:nth-child(2) {
 background-image: url(../img/doticc.png);
 background-repeat: no-repeat;
 background-position: left;
 padding: 0 0 0 20px;
}
.banner-captnn ul li:last-child {
	display:block;
}
.banner-captnn img {
	max-width: 400px;
	margin: 50px 0 20px;
}
.banner-captnn ul {
	width: 76%;
	text-align: center;
	margin: 10px 12%;
	border-top: 2px solid #f06922;
	padding: 10px 50px;
}
.hw-box {
    background: #d6dee1;
    padding: 20px 20px;
    width: 32%;
    float: left;
    margin-right: 2%;
    border: 1px solid #fff;
    box-shadow: 4px 8px 9px #bababa;
    height: 350px;
    position: relative;
    transition: .4s;
}
.hw-box.howitwork-box {
	background-image: url(../img/howitwork-banner.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 350px;
}
.hw-box.howportfl-box {
	background-image: url(../img/ourportfolio-banner.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 350px;
}
.hw-box.howafordbl-box {
	background-image: url(../img/affordable-banner.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 350px;
	margin-right: 0;
}
.hw-cap span {
    background: #f06922;
    color: #fff;
    font-weight: 500;
    padding: 2px 6px;
    position: absolute;
    bottom: 50px;
    left: 20px;
}

.hw-cap h4 {
    color: #990000;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.hw-cap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.hw-cap h3 {
	color: #552405;
	font-weight: 600;
}
.howwork-box-row {
	margin: -30px 0 0;
}
.howwork-box-row .full-row {
	padding: 0 0 20px;
}
.actvhud-work p {
	margin-bottom: 15px;
}
.lefthow-act {
	width: 60%;
	float: left;
	margin-right: 5%;
}
.rghthow-act {
	width: 35%;
	float: right;
}
.rghthow-act img {
	width: 100%;
}
.rghthow-act p {
	margin: 20px 0 0;
}
.actvhub-lnk a {
	color: #000;
	text-decoration: underline;
}
.hw-cap a {
	color: #552405 !important;
	font-weight: 600;
	font-size: 28px;
	display: block;
}
.actv-tplogos .line-logos {
	width: 100%;
}
.actv-tplogos .line-logos li {
	width: 20%;
}
.glry-img24.glry-img.portfolio-item.variable-data {
	display: none;
}
.abotact-pge h4 a {
	color: #990000;
	font-size: 20px;
}
.about-banner-sec .about-captn {
	width: 100%;
	float: left;
	background: rgba(109, 44, 6, .8);
	padding: 6px 0;
	position: absolute;
	bottom: 0;
	z-index: 99;
}
.about-captn span {
	color: #ff7500;
}
.about-captn span {
	font-weight: 400;
}
.about-captn h4 {
	color: #fff;
	float: left;
	font-size: 30px;
	margin: 0;
	font-weight: 500;
}
.about-captn p {
	float: right;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	margin-top: 8px;
}
/*.about-banner-sec {
	width: 100%;
	float: left;
	background-image: url(../img/about-banner.jpg);
	background-repeat: no-repeat;
	border-bottom: 5px solid #ff7500;
	height: 400px;
	position: relative;
	margin: 30px 0 0;
	background-size: cover;
	background-position: center;
}*/
.briliance-text a {
	color: #990000;
	text-decoration: underline;
}
.leftintgrn {
	width: 40%;
	float: left;
	margin-right: 5%;
}
.rgtintgrn {
	width: 50%;
	float: left;
}
.intgrtn-exprnce {
	margin: 50px 0;
}
.rgtintgrn h3 {
	color: #990000;
}
.intgrtn-exprnce ul {
	padding: 8px 0 0 15px;
	margin: 0;
}
.intgrtn-exprnce ul li {
	margin: 0 0 10px;
	color:#6d6e6f
}
.rgtintgrn span {
	color: #6d6e6f;
	font-size: 20px;
}
.whatchallnge a {
	color: #990000;
	text-decoration: underline;
	font-size: 18px !important;
}
.portfoliosec-new .porfilo-imgbox {
	width: 33.33%;
	float: left;
	padding: 5px;
	position: relative;
}
.porfilo-imgbox:hover .capton-glry {
	display: block !important;
}
.projects-container.scrollimation.in.portfoliosec-new {
	width: 100%;
	float: left;
	position: relative;
	height: auto;
	display: block;
}
.challngerow img {
	max-width: 80%;
	margin: 50px 0;
}
.hw-box:hover {
	border: 5px solid #f06922 !important;
	background-color:#c8d0d3
}
.box-challenge-btm {
	margin: 50px 0 0;
	text-align: center;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 40px 0 0;
}
.box-challenge-btm strong {
	display: block;
	margin: 30px 0 0;
	color: #6d6e6f;
	font-size: 22px !important;
}
.box-challenge-btm li {
	color: #6d6e6f;
	display: inline-block;
	background-image: url(../img/dot-icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 20px;
	font-size: 18px;
}
.box-challenge-btm ul {
	margin: 0 auto;
	width: 60%;
}
.box-challenge {
	margin-top: 20px;
}
.active-prob .contnt-briliance a {
	color: #990000;
	text-decoration: underline;
	font-size: 18px;
}
.about-banner-sec {
	margin: 40px 0 0;
	position: relative;
}
.abotut-integration-row p {
	margin-bottom: 10px;
}
.abotut-integration-row li {
	color: #6d6e6f;
	font-size: 18px;
	margin-bottom: 10px;
	width: 100%;
	float: left;
}
.abotut-integration-row ul.integrt-celigo {
	padding: 10px 60px;
	width: 100%;
	float: left;
}
.abotut-integration-row ul {
	padding: 0 15px;
}
.pricing-page-ssec h2, .pricing-page-ssec h4 {
	color: #990000;
	font-weight: 600;
}
.abotut-integration-row strong {
	color: #990000;
}
.pricing-page-ssec h4 {
	margin:20px 0 10px
}

.oursoftwareapp-page .contnt-briliance a {
    text-decoration: none !important;
    color: #990000;
    font-weight: 400;
    font-size: 22px;
    font-weight: 600;
}
.aboutbnnr-area img {
	width: 100%;
}

.oursoftwareapp-page .contnt-briliance {
    width: 75%;
    margin-top: 15px;
}
.oursoftwareapp-page .brilince-problm-sec {
	padding: 0;
	width: 100%;
}

.oursoftwareapp-page h2 {
	color: #990000;
	font-weight: 600;
}

.oursoftwareapp-page .img-briliance {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
}


.pricing-page-ssec h4 {
    margin: 20px 0 20px;
    display: block;
    width: 100%;
    float: left;
}

/*.woocommerce-notices-wrapper {
	box-shadow: rgba(0, 0, 0, .5) 2px 2px 8px 0px;
	border: 1px solid #e63264 !important;
	border-radius: 20px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 25px;
	right: 0;
	width: calc(100% - 50px);
	background: rgba(255,255,255,.8);
}
*/

.hw-box h4 {
    color: #990000;
    font-weight: 600;
}

.oursoftwareapp-page h2 {
    color: #990000;
	font-weight: 600;
	margin-bottom: 20px;
}

.oursoftwareapp-page .img-briliance img {
    max-width: 100%;
    margin: 6px 0 0;
}


li {
    font-size: 17px;
	line-height:1.4em;
}

.abotut-integration-row h2 {
    color: #990000;
    font-weight: 600;
    margin: 0 0 20px;
}

.pricing-pageinner {
    width: 80%;
    float: left;
    margin-left: 20%;
}


.hw-box:hover {
    box-shadow: 2px 4px 4px #bababa;
}

.purchagenow-page h2 {
    color: #990000;
    font-weight: 600;
    margin: 0 0 20px;
}

.purchagenow-page li {
    display: block;
    background-image: url(../img//dot-icon.png);
}


.oursoftwareapp-page .contnt-briliance ul {
    padding: 10px 25px;
}

.purchagenow-page li {
    display: block;
    background-image: url(../img//dot-icon.png);
    background-repeat: no-repeat;
    background-position: left 12px;
    padding: 0 0 0 20px;
    margin-bottom: 20px;
}

.purchagenow-page h4 {
    color: #990000;
    font-weight: bold;
}

.portffoli-page-sec h2 {
    color: #990000;
    font-weight: 600;
    margin: 0 0 20px;
}

.left-b2c-portfolio {
    width: 50%;
    float: left;
}

.right-b2c-portfolio {
    width: 50%;
    float: left;
}

.portflioimagas{
    margin: 50px 0 0;
}

.hdng-prtfio-brrder {
    width: calc(100% - 5px);
    float: left;
    position: relative;
    margin-right: 5px;
}

.hdng-prtfio-brrder h5 {
    float: left;
    width: auto;
    background: #fff;
    padding-right: 5px;
    color: #990000;
    font-weight: bold;
    position: relative;
    z-index: 9;
}

.portfolib2c-sec li {
    float: left;
    width: calc(25% - 10px);
    display: inline-block;
    margin-right: 10px;
    box-shadow: 5px 10px 10px #ccc;
    transition: .5s;
}

.hdng-prtfio-brrder span {
    background: #ccc;
    height: 3px;
    float: left;
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}

.portfolib2c-sec li:hover {
    padding: 5px 3px 5px 2px;
}

.purchagenow-page li span {
    color: #6d6e6f;
    display: block;
    font-size: 18px;
}
.actvhud-work .actvhub-lnk a {
    color: #990000;
}

.line-logos li:nth-child(4) img {
    max-width: 100% !important;
}

.purchagenow-page .prurchage-contnt a {
    color: #990000;
    font-weight: bold;
    font-size: 22px;
}

.btm-logostw .line-logos li {
	width: 50%;
}



.product-page li a {
	color: #990000;
	font-weight: bold;
}

.product-page #secondary-nav a {
	font-weight: normal;
}

.portleft-section {
	float: left;
	width: 65%;
	margin: -420px 0 0;
	position: relative;
	z-index: 9;
	background: #fff;
	padding: 40px 20px;
}

.porttfoliio-dtail .portleft-section {
	margin: -400px 0 0;
	z-index: 9;
	position: relative;
	background: #fff;
	padding: 40px 35% 40px 30px;
	width: 75%;
	float: left;
}

.lftcont-port {
	width: 100%;
	float: left;
	margin: 20px 0 0;
}

.lftcont-port h5 {
	color: #990000;
	margin: 20px 0 0;
}

.lftcont-port p {
	margin-bottom: 10px;
}

.porttfoliio-dtail .full-row {
	position: relative;
}

.portright-section {
	margin: -350px 0% 0 -50%;
	z-index: 9;
	padding: 0;
	width: 55%;
	float: right;
	position: static;
	right: 0;
	position: relative;
	background:#fff
}


.portright-section .owl-dots {
	display: none;
}

.bnr-carsul .item.row {
	margin: 0 !important;
}
.portright-section .owl-carousel .owl-item img {
	margin: 0;
}

.portleft-section h2 {
	margin: 30px 0 10px;
	font-size: 35px;
	font-weight: bold;
}

.prvis-nextpage .fa.fa-caret-right {
	color: #990000;
	font-size: 30px;
	margin: 0 0 0 6px;
	float: right;
}

.prvis-nextpage .fa.fa-caret-left {
	color: #990000;
	font-size: 30px;
	margin: 0 6px 0 0;
	float: left;
}

.prvis-nextpage a {
	color: #990000;
	font-size: 20px;
	font-weight: bold;
}

.requstdemo-page.full-row {
	margin: 50px 0;
}

.requstdemo-page h2 {
	color: #990000;
	font-weight: 600;
	margin: 0 0 20px;
}

.from-request button {
	background: #990000;
	color: #fff;
	border: none;
	padding: 8px 30px;
	margin: 20px 0 0;
}


#demoForm .form-group label {
	display: block;
}

#demoForm .form-group input {
	width: 100%;
	height: 45px;
	padding: 10px 10px;
}

#demoForm .form-group {
	width: 50%;
	float: left;
	padding-right: 20px;
}

.full-row.from-request {
	width: 80%;
	margin-left: 20%;
}

#demoForm .form-group #demo_duration {
	width: 100%;
	height: 45px;
	border-radius: 0;
	border: 1px solid #ccc;
	padding: 0 10px;
	background: #fff;
}


.portright-section .owl-nav .owl-next {
	position: absolute;
	top: 18%;
	right: 0;
	background: #f1f1f1 !important;
	height: 40px;
	width: 40px;
	z-index: 99;
	opacity: 1;
	font-size: 40px;
border: 1px solid #ccc !important;
}

.portright-section .owl-nav .owl-prev {
	position: absolute;
	top: 18%;
	left: 0;
	background: #f1f1f1 !important;
	height: 40px;
	width: 40px;
	z-index: 99;
	opacity: 1;
	font-size: 40px;
	border: 1px solid #ccc !important;
}
.portright-section .owl-nav span {
	font-size: 32px;
	line-height: 24px;
}

#messageContainer {
	width: 100%;
	float: left;
}

.bgback-loder{
	position: fixed;
	background: rgba(255,255,255,.6);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.bgback-loder img {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	width: 50px;
	margin: 15% auto;
	top: 0;
	bottom: 0;
}


.requirdfild {
	color: red;
}

#ctl00_PageContent_ctl00_ctrlLogin_RequiredFieldValidator3 {
	color: red !important;
}

#ctl00_PageContent_ctl00_ctrlLogin_RequiredFieldValidator2 {
	color: red !important;
}

#ctl00_PageContent_ctl00_ctrlRecoverPassword_UserNameContainerID_RequiredFieldValidator1 {
	color: red !important;
}

.portright-section .owl-dots {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

.owl-carousel.bnr-carsul {
	border: 1px solid #ccc;
	padding: 30px 0 0;
}


.lb-closeContainer .lb-close {
	color: #fff !important;
	opacity: 1 !important;
}


.lb-closeContainer {
	position: absolute;
	top: 0;
	right: 20px;
	background: #000 !important;
	height: 45px;
	width: 45px;
	text-align: center;
	padding: 6px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.lightbox .lb-nav {
    display: none !important;
}

.lb-dataContainer .lb-details {
	display: none;
}


.abotut-integration-row li.appbur2023 {
	display: block;
}



/*NEW DESIGN CSS*/

.logo-mob {
	display: none;
}

.header .nav.navbar-nav.left-nav {
	width: auto;
	float: left;
}

.header .nav.navbar-nav.right-nav {
	float: right;
	width: auto;
}

.header #myNavbar {
	text-align: center;
}

.header.full-row {
	padding: 0;
	height: 46px;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 99;
}

.logo-desk {
	width: 200px !important;
	display: inline-block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.enerypg.smgcs-page {
	padding:40px 0 20px;
}


.navigation .submenu {
	background: #990000;
	position: absolute;
	top: 44px;
	left: 0;
	width: 250px !important;
	display: none;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

.navigation h5 {
	background: #fff;
	color: #333;
	border-top: 5px solid #ec6702;
	padding: 7px 0;
	margin: 0;
	font-size: 18px;
}

.magnet-battry-menu {
	background-image: url(https://activelightning.energy/img/MagnetBattery-bg.jpg);
	background-size: cover;
}


.gravity-shield-menu {
	background-image: url(https://activelightning.energy/img/GravityShield-bg.jpg);
	background-size: cover;
}


.nuclear-waste-menu {
	background-image: url(https://activelightning.energy/img/NuclearWaste-bg.jpg);
	background-size: cover;
}


.nuclear-fusion-menu {
	background-image: url(https://activelightning.energy/img/NuclearFusion-bg.jpg);
	background-size: cover;
}

.navigation li .submenu a {
	position: absolute;
	bottom: 4px;
	left: 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 0 32px !important;
	height: 100%;
	right: 0;
}

.navigation li .submenu a .fa.fa-angles-right {
	position: absolute;
	left: 0px;
	top: 2px;
	color: #e66402;
	display: block;
}

.welcome-page.smgcs-page {
	background-image: url(https://activelightning.energy/img/welcome-bg.jpg);
	background-size: cover;
	text-align: center;
	padding: 200px 0 80px;
}


.welcome-page h2 {
	position: relative;
	color: #e66402;
	font-size: 45px;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: 6px;
	font-weight: 300;
}

.welcome-page p {
	color: #fff;
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

.welcompage-elonmask.elonmask-message p {
	text-align: center;
	font-family: "Libre Caslon Text", serif;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
}

.welcome-page .heading-title strong {
	width: 250px;
	text-align: center;
	display: inline-block;
}

.heading-title .line-1 {
	height: 2px;
	background: #e66402;
	display: inline-block;
	left: 0;
	width: calc(50% - 125px);
	position: absolute;
	top: 25px;
}

.heading-title .line-2 {
	height: 2px;
	background: #e66402;
	display: inline-block;
	right: 0;
	width: calc(50% - 125px);
	position: absolute;
	top: 25px;
}

.elonmsk-img img {
	float: left;
	width: 90px;
}

.welcompage-elonmask.elonmask-message {
	background: rgba(153,0,0,.3);
	border-radius: 2px;
	border: 1px solid #e66402;
	box-shadow: 4px 3px 7px #333;
	padding: 20px 40px;
	width: 900px;
	margin: 0 auto;
	height: 200px;
	float: none;
}
.elonmask-message .elonmsk-img {
	width: 330px;
	float: none;
	margin: 10px auto 0;
	display: block;
	color: #e66402;
	text-align: left;
	font-weight: 600;
}

.elonmask-message {
	background: rgba(228,229,230,.8);
	border-radius: 2px;
	border: 1px solid #ccc;
	box-shadow: 4px 3px 7px #333;
	padding: 20px 60px;
	width:80%;
	float: left;
}

.innera-page-banner {
	width: 100%;
	float: left;
}

.welcompage-elonmask.elonmask-message span {
	font-size: 22px;
	padding: 30px 0px 15px 10px;
}

.elonmask-message span {
	font-size: 22px;
	padding: 15px 0px 15px 10px;
	float: left;
	line-height: 18px;
	width: calc(100% - 100px);
}

.welcome-page .elonmask-message {
	margin-top: 140px;
}


.elonmask-message-row {
	width: 100%;
	float: left;
	margin: 0 0 70px;
}

.briliiance-power p {
	color: #77787b;
	margin-bottom: 20px;
	font-size: 18px;
font-weight:300
}

.magnetbattery h4 {
	color: #900;
	font-weight: bold;
	margin: 10px 0 0;
	display: block;
}


.thisbatry-ul {
	padding: 0 !important;
}

.thisbatry-ul li {
	color: #e66402;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 0 35px;
}

.phone-link {
    color: #FFC000;
    text-decoration: none;
}
.thisbatry-ul2 li span {
  width: 14px;
  display: inline-block;
}
.phone-link:hover {
    color: #FFC000;
    text-decoration: underline;
}

.profil-abot img {
	max-width: 90px;
}
.thisbatry-ul li span {
	position: absolute;	
	border-radius: 50%;
	height: 25px;
	width: 25px;
	text-align: center;
	left: 0;
	top: 2px;
	color: #e66402;
}

.elonmask-message p {
	text-align: center;
	font-family: "Libre Caslon Text", serif;
	color: #851f0b;
	font-weight: bold;
	font-size: 22px;
}

.navigation .container-fluid {
	padding: 0;
}

.nav.navbar-nav.left-nav li:first-child a {
	padding-left: 5px;
}

.foter-logo img {
	max-width: 200px;
}


.elonmask-message span small {
	font-size: 16px;
	color: #77787b;
	display: block;
	margin: 2px 0 0;
}

.nucler-fusion-page .full-col {
	margin: 30px 0;
	width: 100%;
	float: left;
}


.elonmask-message-row.nucler-fusion-mesge1 {
	margin: 40px 0 50px;
}


.nuclerfusion-page .full-col {
	width: 100%;
	float: left;
	margin: 40px 0;
}


.newss-page ul li {
	color: #990000;
display:block;
	font-weight: bold;
}


.newss-page ul li span{
	color: #6d6e6f;
	font-weight: 400;
}


.about-page{
	width: 100%;
	float: left;
}

.ful-col.boxabout-row {
	width: 100%;
	float: left;
	margin: 20px 0 40px;
}

.boxabout-row h4 {
	color: #990000;
	font-weight: 600;
	font-size: 18px;
}


.profil-abot {
	width: 100%;
	float: left;
	margin: 10px 0;
}

.prfl-rght {
	float: left;
	margin-left: 20px;
	padding: 10px 0 0;
}

.prfl-rght p {
	margin: 0;
	color: #4d4d4f;
	font-weight: 400;
}
.prfl-rght span {
	color: #990000;
	font-weight: 500;
}


.indivisul-inventer h4 {
	color: #990000;
	display: block;
	width: 100%;
	float: left;
	font-weight: 600;
	font-size: 18px;
}

.table-individual {
	width: 100%;
	float: left;
	margin: 0;
}

.prfl-rght h3 {
	margin: 0;
	font-family: "Libre Caslon Text", serif;
}

.prfl-indivsl h5 span {
	color: #4d4d4f;
	font-size: 18px;
	display: block;
	font-family: 'Roboto', sans-serif;
	margin: 5px 0 0;
}
.table-individual td:first-child {
	width: 30%;

}
.prfl-indivsl img {
	float: left;
	width: 70px;
	margin-right: 10px;
}

.table-individual td {
	padding: 10px 4px;
}

.prfl-indivsl h5 {
	width: calc(100% - 80px);
	padding: 20px 0 0;
	color: #990000;
	font-size: 18px;
	float: left;
	font-family: "Libre Caslon Text", serif;
	font-weight: bold;
}
.table-individual tr:last-child {
	border-bottom: 0;
}
.table-individual tr {
	border-bottom: 1px solid #f1f1f1;
}

.full-col img {
	max-width: 80%;
}

.foter-adres span {
	color: #f46800;
	padding: 0 5px;
}


.nes-elonmsk .elonmask-message span {
	padding: 12px 0px 15px 10px;
}

.nucler-fusion-mesge1 .elonmask-message .elonmsk-img {
	width: 370px;
}

.navigation li .submenu a > span {
	position: absolute;
	bottom: 0;
	left: 10px;
	padding: 0 0 4px 20px;
}


.innera-page-banner img {
	background-size: cover;
	width: 100%;
}
 @media screen and (min-width:2000px) {
.welcome-page.smgcs-page {
	height: 100vh;
	min-height: 900px;
}
}

 @media screen and (min-width:2200px) {
.about-banner-sec {
 background-position: top;
}
}
 @media screen and (max-width:1400px) {
 .container-bnr {
 width: 1140px;
}
 .rght-img-bnr {
 padding: 25px 25px; 
}
 .banner-section {
 height: 600px;
}
}
 @media screen and (max-width:1200px) {
 .container-bnr {
 width: 980px;
}
.rght-img-bnr {
 padding: 24px 25px;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: -20px;
}
.banner-section {
 height: 535px;
}
 .story-box-text {
 height: 187px;
}
.story-box-img {
 height: 187px;
}
.story-box-text {
 padding: 30px 18px 20px 18px;
}
 .foter-logo {
 width: calc(20% - 20px);
}
.foter-links {
 width: 40%;
 margin: 30px 0 0;
}
.foter-adres {
 width: 40%;
 margin: 30px 0 0;
}
 .box-challenge li {
 background-position-y: top 10px;
}
.deford-sply-sec {
 width: calc(100% - 130px);
}

.table-individual {
	overflow-x: auto;
}
}
 @media screen and (max-width:1080px) {
 .container-bnr {
 width: 780px;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: -35px;
}
.banner-section {
 height: 535px;
}
 .rght-img-bnr {
 padding: 18px 20px;
}
 .container-bnr {
 margin: 50px auto;
}
.lft-side-bnr {
 padding: 30px 130px 30px 40px;
}
.briliance-row {
 padding: 0;
}
.brilince-problm-sec {
 padding: 0;
}
.row-problm {
 width: 100%;
 margin: 0 0 20px;
}

.elonmask-message {
	padding: 20px 30px;
	width: 100%;
	float: left;
}

.table-individual td {
	min-width: 300px;
}
.full-col img {
	max-width: 100%;
}
}
 @media screen and (max-width:992px) {
 .bg-blck {
 height: 100vh;
}
.storyprson {
 top: auto;
 bottom: 0;
}
.foter-logo {
 width: 40%;
 margin: 0;
 text-align: left;
}
.foter-logo img {
	max-width: 100%;
}

.fotter-section.full-row {
	height: auto;
	padding: 10px 0;
}

 .foter-links {
 width: 55%;
 margin:0;
 border-left: none;
}
 .foter-adres li:first-child {
 border-right: none;
 padding-right: 0;
}
.foter-adres li:nth-child(2) {
 padding-left: 0;
}
 .foter-adres li {
 display: block;
 float:none;
}
 .foter-adres {
 margin:20px 0 0;
 border:none
}
 .foter-links li {
 display: block;
 float:none
}
 .navbar-header {
 display: block;
}
 .collapse:not(.show) {
 display: none;
}
 .navbar-toggle {
 width: 50px;
 position: absolute;
 right: 0;
}
 .navbar-toggle {
 width: 40px;
 height: 40px;
 position: absolute;
 right: 0;
	/* background: no-repeat; */
	border: none;
 top: 20px;
 background: #c32c31;
 padding: 5px 8px 0;
 z-index: 99999;
}
.icon-bar {
 background: #fff;
 height: 2px;
 width: 25px;
 margin-bottom: 5px;
 display: inline-block;
 float: left;
}
 .navigation li {
 display: block;
 text-align: left;
}

.header .nav.navbar-nav.right-nav {
	float: left;
	width: 100%;
}


.navigation .navbar.navbar-inverse {
	position: static;
}
.header .nav.navbar-nav.left-nav {
	width: 100%;
	float: left;
	text-align: left !important;
}
 .toggle-opn .icon-bar {
 transform: rotate(45deg);
}
.toggle-opn .icon-bar.icnbr1 {
 transform: rotate(45deg);
}
 .toggle-opn .icon-bar.icnbr2 {
 display:none;
}
 .toggle-opn .icon-bar.icnbr3 {
 transform: rotate(-45deg);
 margin: -7px 0 0;
}
.portfolio-page-detail .owl-dots {
 top: -30px;
}
.capton-glry {
 width: 120px;
 top:15%
}
.portfolio-page-detail .owl-dots {
 top: auto;
 bottom: 0;
 left: 0;
 right: 0;
 text-align: center;
 padding: 0;
 position: static;
}
.onfp-it-btns {
 bottom: 20%;
}
/*.wrapper {
position: static;
}*/

 .hw-cap h3 {
 font-size: 30px;
}
.pricing-pageinner {
    width: 100%;
    margin-left: 0;
}
.full-row.from-request {
	width: 100%;
	margin-left: 0%;
}

.porttfoliio-dtail .portleft-section {
	margin: -40px 0 0;
	padding: 30px 0 20px 20px;
	width: 100%;
	float: left;
}


.portright-section {
	margin: 10px 0% 0 0;
	padding: 0;
	width: 100%;
	right: 0;
}
.owl-carousel.bnr-carsul {
	padding: 45px 0 0;
}

.top-bar {
	height: auto;
	padding: 10px 10px;
}
.logo-mob {
	display: block;
	float: left;
	width: 100px;
}

.logo-desk {
	display: none;
}

.navbar-toggle {
	right: 20px;
}

.navigation .navbar-collapse {
	position: absolute;
	top: 85px;
	background: #333;
	width: 100%;
	z-index: 9999;
	left: 0;
}

.innera-page-banner {
	width: 100%;
	float: left;
}
.header.full-row {
	height: auto;
}

.elonmask-message {
	padding: 20px 30px;
	width: 100%;
	float: left;
}

.welcompage-elonmask.elonmask-message {
	width: 100%;
}

.welcome-page .elonmask-message {
	margin-top: 100px;
}

.welcompage-elonmask.elonmask-message {
	padding: 20px 40px;
	width: 100%;
	height: 100%;
	float: left;
}

.fotter-section.full-row {
	position: static;
}
.wrapper {
	padding-bottom: 0;
	position: static;
}
}
 @media screen and (max-width:840px) {
.lft-side-bnr {
 padding: 30px 100px 30px 20px;
}
.container-bnr {
 width: 640px;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: -60px;
 top: -50px;
}
.rght-img-bnr {
 padding: 15px 15px;
}
.enrgy-tble {
 width: auto;
 overflow: hidden;
 overflow-x: scroll;
}
.prvis-nextpage a {
	font-size: 16px;
}
.prvis-nextpage .container {
	width: 100%;
	max-width: 100%;
}
.prvis-nextpage li.next_page {
	text-align: right;
}
}
 @media screen and (max-width:768px) {
.rght-img-bnr {
 width: 90%;
 margin: -50px 5% 0;
}
#copyright{float: left;margin-top: 10px;font-size: 14px;color: #fff;
    margin-left: 0px;}
 .container-bnr {
 margin: 30px auto;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: auto;
 top: -60px;
 right: 0;
}
 .lft-side-bnr {
 padding: 30px 20px 100px 20px;
 width: 100%;
}
 .rght-img-bnr {
 width: 60%;
 margin: -50px 20% 0;
 padding: 15px 15px;
 background-size: 100%;
 min-height: 10px;
}
 .challngerow {
 width: 100%;
}
.digitl-trnformtn {
 width:100%;
 padding: 30px 50px 30px 40px;
}
.deford-sply-sec {
 width: 100%;
}
.activer-lighting {
 margin: 0;
}
 .rght-img-bnr.rghtsid-bnrimg {
 width: 100%;
 margin: 0;
}
 .yoursucces-casesty {
 margin-top: 50px;
}
 .success-heding {
 margin-bottom:20px;
}
 .howwork-box-row .container {
 max-width: 94%;
}
 .box-challenge-btm ul {
 margin: 0;
 width: 100%;
}
 .box-challenge {
 margin-top: 20px;
}
 .about-banner-sec .about-captn {
 position: static;
}
.prvis-nextpage li.grid_page {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	float: none;
	text-align: center;
	bottom: -40px;
	background: #fff;
	width: 160px;
	border-radius: 5px;
}

.prvis-nextpage {
	position: relative;
}
.prvis-nextpage li.privis_page {
	width: auto;
	float: left;
}
.prvis-nextpage li.next_page {
	float: right;
	width: auto;
}
.prvis-nextpage a {
	font-size: 15px;
}

.welcome-page.smgcs-page {
	padding: 90px 0 60px;
}
.welcome-page p {
	font-size: 22px;
}
}
 @media screen and (max-width:767px) {
.story-box-text {
 padding: 10px 10px 10px 15px;
}
 .story-box-text p {
 font-size: 15px;
}
 .story-box-text span {
 right: 7px;
}
.pull-top {
 margin-top: 30px;
}
.line-logos {
 width: 100%;
}
 .navigation .submenu {
 background: transparent;
 position: relative;
 top: 0;
 left: 0;
 width: 100% !important;
 display: block;
 padding: 0 10px 0;
 z-index: 99;
 margin: 0;
 height: 100%;
}
.navigation ul {
 height: 300px;
 overflow: hidden;
 overflow-y: scroll;
}
.smgcs-page h2 {
 font-size: 30px;
}
 .about-banner-sec {
 background-position: center;
}
 .challngerow img {
 max-width: 100%;
 margin: 20px 0;
}
.lefthow-act {
    width: 100%;
    float: left;
    margin-right: 0;
}
.rghthow-act {
    width: 100%;
    float: right;
}
}

 @media screen and (max-width:680px) {
.container-bnr {
 width: 520px;
}
 .rght-img-bnr {
 padding: 12px 12px;
}
.infomt-tcnly-btn {
 margin-right: 0px;
 width: 80%;
 margin-bottom: 10px;
}
.enry-tecnl-btn {
 width: 80%;
}
 .hw-box {
 width: 100%;
 margin-right: 0;
 margin-bottom: 20px;
}
.leftintgrn {
    width: 100%;
    float: left;
    margin-right: 0;
}
.rgtintgrn {
    width: 100%;
    float: left;
}

.intgrtn-exprnce {
    padding: 0 10px;
}
.portright-section .owl-nav .owl-prev, .portright-section .owl-nav .owl-next {
	top: 40%;
}
}
 @media screen and (max-width:578px) {
 .infomt-tcnly-btn::before {
 right: -13px;
 transform: rotate(180deg);
 left: auto;
}
.container-bnr {
 width: 420px;
}
.rght-img-bnr {
 padding: 10px 10px;
}
.rght-img-bnr {
 padding: 12px 12px;
}
 .rght-img-bnr {
 height: 240px;
}
.banner-section {
 height: 470px;
}
 .whatchallnge h3, .your-success h3, .box-challenge h3 {
 font-size: 20px;
}
.briliiance-power h2 {
 font-size: 25px;
}
.challngerow p {
 font-size: 16px;
}
.briliance-text p {
 font-size: 16px;
 letter-spacing: 1px;
 line-height: 25px;
}
 .foter-links {
 width: 100%;
 margin: 0;
 border-left: none;
 height: 100%;
 padding: 0;
}
 .foter-links li {
 padding: 0;
}
 .foter-adres {
 width: 100%;
 margin: 30px 0 0;
 height: 100%;
 border: none;
 padding: 0;
}
.foter-links li a {
 padding: 0;
}
.foter-adres {
 width: 100%;
 margin: 10px 0 0;
 height: 100%;
 border: none;
 padding: 0;
}
 .logo-section img {
 max-width: 70%;
}
 .contnt-briliance li {
 padding: 5px 0 2px 15px;
 background-position-y: top 12px;
}
.contnt-briliance h4 {
 font-size: 18px;
}
.digtal-transformtin-sec {
 margin-top: -350px;
}
.deforlogo img {
 margin: 20px 0;
}
.img-briliance {
 margin-top: 35px;
}
.glry-img {
 position: relative;
 width: 100% !important;
 float: left;
 border: none !important;
 height: 200px;
 top: 0 !important;
 bottom: 0;
 left: 0;
 right: 0;
}
.capton-glry {
 top: 20%;
 left: 5%;
 right: 5%;
 font-size: 22px;
 padding: 10px 10px !important;
 padding: 10px 10px;
 width: 90%;
 margin: 0 auto;
 line-height: 23px;
 bottom: 20%;
 height: auto;
}
.prvis-nextpage li {
 float: left;
 width: 100%;
 display: block;
 text-align: left;
}
 .systm-intigration h1 {
 font-size: 25px;
}
.glryimg-row {
 height: auto;
}
.glry-img:hover .capton-glry {
 display:table;
}
.projects-container.scrollimation.in {
 width: 100%;
 float: left;
 position: relative;
 height: auto;
 display: inline-block !important;
}
.infomt-tcnly-btn, .enry-tecnl-btn {
 padding: 12px 20px;
 font-size: 15px;
}
.vdio-sec-midle {
 margin: -20px 0 0;
}
.onfp-it-btns {
 bottom: 15%;
}
.enrgy-tble {
 width: auto;
 overflow: hidden;
 overflow-x: scroll;
}
.enrgy-tble img {
 min-width: 80px;
}
 .banner-captnn img {
 max-width: 300px;
 margin: 40px 0;
}
.banner-captnn p {
 font-size: 20px;
}
.banner-captnn p br {
 display: none;
}
.banner-captnn ul {
 width: 100%;
 margin: 10px 0;
 padding: 10px 0px;
}
 .banner-captnn ul li {
 display: block;
}
.banner-captnn ul li:nth-child(2) {
 background-image: none;
}
 .about-captn h4 {
 width: 100%;
}
 .about-captn p {
 width: 100%;
}
 .about-captn h4 {
 font-size: 28px;
}
 .about-captn p {
 font-size: 16px;
 margin-top: 0;
}
 .intrgratinbrnt-page .img-briliance {
 width: 100%;
 padding: 0;
}
 .intrgratinbrnt-page .contnt-briliance {
 width: 100%;
 margin: 20px 0 0;
}

.intrgratinbrnt-page .img-briliance, .intrgratinbrnt-page .img-briliance {
    margin-top: 0 !important;
}

.oursoftwareapp-page .img-briliance img {
    height: 100%;
}

.oursoftwareapp-page .active-prob .img-briliance img {
    height: 100%;
}

.oursoftwareapp-page .active-prob .img-briliance{
    margin-top:0;
}


.abotut-integration-row ul.integrt-celigo {
	padding: 10px 20px;
}

.left-b2c-portfolio {
    width: 100%;
}

.right-b2c-portfolio {
    width: 100%;
}

/*.about-banner-sec{
	background-image: url(../img/about-bannermob.jpg);
	background-position: center left;
	height: 240px;
}*/

#demoForm .form-group {
	width: 100%;
	float: left;
	padding-right: 0;
}
.actv-tplogos .line-logos li {
	width: 50% !important;
	text-align: center;
}
.line-logos li:nth-child(5) {
	text-align: center;
	width: 100% !important;
}

.line-logos li:nth-child(5) img {
	width: 40%;
}
.right-b2c-portfolio {
	width: 100%;
	margin: 20px 0 0;
}
.lftcont-port {
	margin: 0;
}
.porttfoliio-dtail .portleft-section {
    padding: 30px 0 0px 20px;
}
.portflioimagas {
    margin: 30px 0 0;
}
.portleft-section h2 {
    margin: 20px 0 10px;
    font-size: 28px;
}

.mt-5 {
	margin-top: 30px !important;
}

.submenu li {
	height: 40px;
}

.welcompage-elonmask.elonmask-message .elonmsk-img {
	width: 200px;
}
}

 @media screen and (max-width:430px) {
.creating-prob .img-briliance, .active-prob .img-briliance {
 margin-top: 58px;
}
}

 @media screen and (max-width:480px) {
 .container-bnr {
 width: 95%;
}
.storyprson {
 left: 0;
}
.story-box-text span {
 right: 10px;
 left: 10px;
}
.story-box-text {
 height: 230px;
}
.story-box-img {
 height: 230px;
}
.story-box-text span {
 right: 10px;
 left: 10px;
 bottom: 0;
 line-height: 15px;
}
.headig-story {
 padding: 2px 5px;
 font-size: 13px;
}
.rght-img-bnr {
 width: 70%;
 margin: -50px 15% 0;
 padding:10px
}
 .line-logos li {
 width: 50%;
}
 .line-logos li:nth-child(5) {
 text-align: center;
 width: 100%;
}
 .line-logos li:nth-child(5) img {
 width: 50%;
}
.box-challenge li {
 font-size: 16px;
}
 .yoursucces-casesty {
 margin-top: 20px;
}
 .bg-blck {
 height: 100vh;
}
.infomt-tcnly-btn {
 width: 80%;
 margin-bottom: 10px;
}
.enry-tecnl-btn {
 width: 80%;
}
}