.block-number {	text-align: center;	font-weight: bold;	font-size: 0.8125em;	letter-spacing: 2px;	text-transform: uppercase;	color: #191919;	-webkit-transition: 0.3s ease-out;	transition: 0.3s ease-out}
.block-number:hover {	opacity: 1}
.block-number::after {	content: '';	display: inline-block;	width: 0;	height: 0;	margin-left: 6px;	margin-bottom: 2px;	border-left: 3px solid transparent;	border-right: 3px solid transparent;	border-top: 3px solid #191919}
.block-number a:hover, .block-number a:focus {	color: #191919 }
.demo-section .main-content .section,
.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar,
.demo-header .main-content .header,
.demo-footer .main-content .footer {
margin: 30px 20px 100px;	border: 1px solid #f5f6f7;	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) }
.demo-topbar .main-content .topbar, .demo-navbar .main-content .navbar {	position: static;margin: 0;}
.sample-blocks img { border-radius: 0.25rem}
.sample-blocks img.aos-animate { opacity: 0.5 !important }
.sample-blocks img:hover { opacity: 1 !important; -webkit-transition: 0.7s !important; transition: 0.7s !important }
.sample-blocks a { position: absolute }
.sample-blocks a:nth-child(1) {	-webkit-animation: wobble 4s infinite; animation: wobble 4s infinite; right: 15px; bottom: -20px }
.sample-blocks a:nth-child(2) {	-webkit-animation: wobble 8s infinite; animation: wobble 8s infinite; right: 320px; bottom: 30px }
.sample-blocks a:nth-child(3) {	-webkit-animation: wobble 5s infinite;	animation: wobble 5s infinite;	right: 0px;	bottom: 190px}
.sample-blocks a:nth-child(4) {	-webkit-animation: wobble 6s infinite;	animation: wobble 6s infinite;	right: 280px;	bottom: 180px }
.sample-blocks a:nth-child(5) {	-webkit-animation: wobble 9s infinite;	animation: wobble 9s infinite;	right: 270px;	bottom: 320px}
.sample-blocks a:nth-child(6) {	-webkit-animation: wobble 7s infinite;	animation: wobble 7s infinite;	right: 20px;	bottom: 370px }
.sample-blocks a:nth-child(7) {	-webkit-animation: wobble 5s infinite;	animation: wobble 5s infinite;	right: 200px;	bottom: 470px}
.sample-blocks a:nth-child(8) {	-webkit-animation: wobble 8s infinite;	animation: wobble 8s infinite;	right: 10px;	bottom: 470px}
.sample-blocks a:nth-child(9) {	-webkit-animation: wobble 9s infinite;	animation: wobble 9s infinite;	right: 0px;	bottom: 570px}
@-webkit-keyframes wobble {
0% { -webkit-transform: rotate(-1deg) translate(-5px, -5px); transform: rotate(-1deg) translate(-5px, -5px)	}
50% { -webkit-transform: rotate(1deg) translate(5px, 5px); transform: rotate(1deg) translate(5px, 5px) 	}
100% {-webkit-transform: rotate(-1deg) translate(-5px, -5px); transform: rotate(-1deg) translate(-5px, -5px)	}
}
@keyframes wobble {
0% { -webkit-transform: rotate(-1deg) translate(-5px, -5px); transform: rotate(-1deg) translate(-5px, -5px) }
50% { -webkit-transform: rotate(1deg) translate(5px, 5px); transform: rotate(1deg) translate(5px, 5px) }
100% { -webkit-transform: rotate(-1deg) translate(-5px, -5px); transform: rotate(-1deg) translate(-5px, -5px) }
}

/* CUSTOM STYLE HERE START */
.wrap.centered { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; z-index: 99999; background: #fff; border-bottom: #f7f7f7 solid 1px;}
.home-announcement { font-size: 14px; font-weight: 400; position: relative; display: inline-block; margin-top: 0px; margin-bottom: 0px; padding: 3px 12px 4px 10px; -webkit-transition: all .4s ease-out; transition: all .4s ease-out;
-webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); opacity: 0; color: #757575; border-radius: 24px;  }
.home-announcement:hover { padding-right: 28px; cursor: pointer; color: #757575 }
.home-announcement.animate { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
.home-announcement .circle-dot { float: left; width: 10px; height: 10px; margin-top: 5px; margin-right: 6px; border-radius: 24px; background-color: #cd3492;}
.navbar-dark .nav-navbar>.nav-item.show>.nav-link, .navbar-dark .nav-navbar>.nav-item:hover>.nav-link, .navbar-dark .nav-navbar>.nav-link.show, .navbar-dark .nav-navbar>.nav-link:hover, .navbar-stick-dark.stick .nav-navbar>.nav-item.show>.nav-link, .navbar-stick-dark.stick .nav-navbar>.nav-item:hover>.nav-link, .navbar-stick-dark.stick .nav-navbar>.nav-link.show, .navbar-stick-dark.stick .nav-navbar>.nav-link:hover{ color: #3cecec;}
a { color: #ccc;}
a:hover, a:focus { color: #3cecec;}
.navbar-light .nav-navbar>.nav-item>.nav-link, .navbar-light .nav-navbar>.nav-link, .navbar-stick-light.stick .nav-navbar>.nav-item>.nav-link, .navbar-stick-light.stick .nav-navbar>.nav-link { color:#fff;}
.btn-success { background: #734f7f; border-color: #734f7f;}
.btn-success:hover { background: #9260A2; border-color: #9260A2; box-shadow: 0 1px 10px rgba(146,96,162,0.4); -webkit-box-shadow: 0 1px 10px rgba(146,96,162,0.4);}
.btn-primary { background: #734f7f; border-color: #734f7f;}
.btn-primary:hover, .btn-primary:focus { background: #9260A2; border-color: #9260A2; box-shadow: 0 1px 10px rgba(146,96,162,0.4); -webkit-box-shadow: 0 1px 10px rgba(146,96,162,0.4);}
.navbar-light .nav-navbar>.nav-item>.nav-link>.arrow, .navbar-light .nav-navbar>.nav-link>.arrow, .navbar-stick-light.stick .nav-navbar>.nav-item>.nav-link>.arrow, .navbar-stick-light.stick .nav-navbar>.nav-link>.arrow { border-top:3px solid #fff }
.text-white p { color: #fff;}
.text-white .btn-outline-light { color: #fff; border-color: #fff;}
h1.bnr-title { font-size: 2.5rem}
.footer-logo { margin:0; max-width:46px;}
.market-logo { width: 100%; text-align: center; border-top:#f7f7f7 solid 1px; padding-top: 30px; }
.market-logo img { margin: 0 20px; }
.feature-1 .feature-icon { color: #acacac;}
.logo-sec { padding-top: 150px;}
.logo-sec .slick-slide img { height: 76px; opacity: 0.8;}
.contactmap {}
.contactmap iframe { width: 100%; height: 400px; border-radius: 5px;}
.innerpage-bg {  
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); 
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); 
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 ); }
/* .innerpage-bg { background: #734f7f; background-image: linear-gradient(-45deg, #3cecec 0%, #734f7f 100%);} */
.innerpage-bg h1 { font-weight: 600;}
.bg-gray { background-color: #fdfdfd; }
.btn-outline-primary { color: #734f7f; background-color: transparent; background-image: none; border-color: #734f7f;}
.btn-outline-primary:hover { background: #9260A2; border-color: #9260A2; color: #fff; box-shadow: 0 1px 10px rgba(146,96,162,0.4); -webkit-box-shadow: 0 1px 10px rgba(146,96,162,0.4);  }
.banner-title {}
h1.bnr-title { color: #734f7f;}
h2, h3 { color: #734f7f;}

.brand-logo-sec { width: 100%; text-align: center;}
.brand-logo-sec img { display: inline-block; margin: 0 20px; max-width: 100%; } 

.banner-title span { text-decoration: none; font-size: 28px; color: #555; font-weight: 400; }
.banner-title span em{ font-style: normal; display: inline-block; position: relative; transition: all 0s cubic-bezier(.55, 0, .1, 1); }
.banner-title span em:after { content: ''; position: absolute; display: block; width: 100%;	height: 2px; box-shadow:none; margin-top: -0.65em; background: black; transform-origin: center left;
animation: strikethrough 1s 0s cubic-bezier(.55, 0, .1, 1) 1; transition: transform 0.5s cubic-bezier(.55, 0, .1, 1); }
.home-video { position: relative; width: 100%;}
.home-video span.animateslide { z-index: 200; position: absolute; margin-top: 6%; width: 77.9%; left: 11.1%; right: 11.1%; }
.home-video span.animateslide img { width: 100%;}
.mac-img { position: relative; display: block; margin-bottom: -70px; pointer-events: none;}	
.feature-1 .feature-icon { margin-bottom: 0.75rem;}
.msg-txt { padding-top: 8px; text-align: center; font-weight: 300; font-size: 12px; line-height: 18px; color: #bbb; }
.prodcut-intro{max-width: 100%; margin: 0; } 

@-webkit-keyframes cf4FadeInOut {
0% { opacity:1; }
17% {opacity:1;}
25% {opacity:0;}
92% {opacity:0;}
100% {opacity:1;}
}
#banner-slide {	position:relative; width:100%; margin:0 auto; }
#banner-slide img {	position:absolute; left:0; top: 17px; }
#banner-slide img {-webkit-animation-name: cf4FadeInOut; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 14s;
-moz-animation-name: cf4FadeInOut;-moz-animation-timing-function: ease-in-out;-moz-animation-iteration-count: infinite;-moz-animation-duration: 14s;
-webkit-animation-name: cf4FadeInOut;-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 14s;
-moz-animation-name: cf4FadeInOut;-moz-animation-timing-function: ease-in-out;-moz-animation-iteration-count: infinite;-moz-animation-duration: 14s;
-o-animation-name: cf4FadeInOut;-o-animation-timing-function: ease-in-out;-o-animation-iteration-count: infinite;-o-animation-duration: 14s;
animation-name: cf4FadeInOut;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-duration: 18s;}
#banner-slide img:nth-of-type(1) {-webkit-animation-delay: 15s;-moz-animation-delay: 15s;-o-animation-delay: 15s;animation-delay: 15s;}
#banner-slide img:nth-of-type(2) {-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay:12s;animation-delay: 12s;}
#banner-slide img:nth-of-type(3) {-webkit-animation-delay: 9s;-moz-animation-delay: 9s;-o-animation-delay: 9s;animation-delay: 9s;}
#banner-slide img:nth-of-type(4) {-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;animation-delay: 6s;}
#banner-slide img:nth-of-type(5) {-webkit-animation-delay: 3s;-moz-animation-delay: 3;-o-animation-delay: 3s;animation-delay: 3s;}
#banner-slide img:nth-of-type(6) {-webkit-animation-delay: 0s;-moz-animation-delay:0s;-o-animation-delay:0s;	animation-delay: 0s;}
@keyframes strikethrough {
from { transform: scaleX(0);}
to { transform: scaleX(1); }
}
.social { margin-top: 10px;}
.form-control { border-width: 0 0 1px 0; background-color:transparent; padding-left: 0; padding-right: 0;  }
.form-control:focus, input:focus { background-color: transparent; box-shadow: none; border-color: #3cecec;}
.section-header hr { background: #3cecec;}
.service-logos {}
.service-logos p{color: #323d47; line-height: 24px; font-weight: 400;} 
.prod-srvc-box { width: 100%; display: block; text-align: left}
.prod-srvc-box img { margin: 0 10px 0 0; background: transparent; padding:3px; border: #f7f7f7 solid 0px;} 
.content-logo { height:54px; }
.prodlogo { }
.prodlogo .row.gap-y>[class*="col-"] { padding-top: 15px; padding-bottom: 15px;  }
/* .prodlogo .media {  background: #fff; padding: 25px;}
.prodlogo .media p:last-child { margin: 0;} */
.prodlogo h5{ color: #734f7f;}
.prodlogo h6 { margin: 0; padding: 0; font-size: 18px; }

.header-list { width: 100%; padding-bottom: 40px;}
.header-list ul { margin: 0; padding: 0; list-style: none; min-width: 250px; width: auto; display: inline-block} 
.header-list ul.left { text-align: right; padding-right: 100px; position: relative;}
.header-list ul.right { text-align: left; padding-left: 100px;}
.header-list ul.left::after { content: '+'; font-size: 52px; font-weight: 500; color: #757575; position: absolute; right: -17px; top: 5%; }
.header-list ul li { margin: 0; padding:7px 0; line-height: 22px; font-size: 18px; font-weight: 400; color: #757575; }

ul.principles{ width:100%; margin:0; padding:0; display:inline-block; }
ul.principles li { width:25%; margin:30px 0; padding:0; float:left; background:0 0;text-align:center; list-style: none; }
ul.principles li span { width:100%; margin:0; padding:15px 0 0; float:left; text-align:center; font-weight: 400; font-size: 16px; line-height: 24px; }
ul.principles li i{ background:url(../images/design_principles.png) top left no-repeat; display:inline-block; }
ul.principles li i.invent-incredible { width:120px;height:80px; background-position:0 -20px;}
ul.principles li i.simplicity-first{ width:120px; height:80px; background-position:-180px -15px; }
ul.principles li i.introduce-productivity{ width:120px; height:80px; background-position:-350px -18px; }
ul.principles li i.optimal-alerts{ width:120px; height:80px; background-position:-500px -20px }
ul.principles li i.use-algorithms{ width:120px; height:80px; background-position:15px -142px; }
ul.principles li i.heuristic-data{ width:120px; height:80px; background-position:-175px -145px }
ul.principles li i.adapttive-feature{ width:120px; height:80px; background-position:-355px -142px }
ul.principles li i.shtip-fast { width:120px; height:80px; background-position:-500px -140px }
.aboutus {}
.aboutus .media img { width: 58px;}
.jobform-links { padding: 30px 0 15px 0; }
.dropimg { position: relative; text-align: right; width: 100%; float: left; }
.dropimg #filedrag { float: left; font-size:11px; margin: 0; padding: 0; width: 100%; color: #a8b2bc; }
.resume { background: url(../images/resume_icon.png) 0 15px no-repeat rgba(0,0,0,0); border-bottom: 1px solid #eee; float: left; line-height: 40px; margin: 0; padding:0 0 0 40px!important;
position: relative; height: 40px; width: 100%; color: #c2c5c7; font-size: 15px; text-align: left; font-weight: 300; cursor: pointer }
.form-group input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }
.social a.social-twitter i { color: #00aced; }
.social a.social-twitter:hover { border-color: #00aced; }
.social a.social-linkedin i { color: #007bb6; }
.social a.social-linkedin:hover { border-color: #007bb6; }

.footer-text {}
.footer-text .underdevelopment{
    font-size: 12px;
    margin-bottom:0px;
    font-style: italic;
    color: #A0A0A0;
}
.navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler { color: #734f7f; }

.thankyoutextbox { width: 100%; text-align: center; font-size: 18px; line-height: 26px;}
.thankyoutextbox p { margin: 0; padding: 20px; color: #7e8890; font-size: 26px; line-height:36px;}
.thankyoutextbox h4 { margin: 0; padding: 0 0 30px 0; font-size: 30px; font-weight: 400; color:  #734f7f; font-weight: 600; }
.thankyoutextbox img  { width: 180px; display: inline-block; margin:0 0 20px 0;} 
.thankyoutextbox span { display: block; padding: 50px 0; }
.home_link { background: #734f7f; border-color: #734f7f; padding: 7px 15px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; }
.home_link:hover {   background:#3cecec; border-color: #3cecec; color: #fff}
.email-box { position: relative; padding-bottom: 10px;  }
.email-box span#email_val, .email-box span#email2_val, .email-box span#email3_val  { position: absolute; width: 100%; text-align: left; font-size: 12px; color: #ff0000; left: 15px; bottom: -10px; }


/****************************************************/
/************** Loader Css ***************/
/****************************************************/
.loader {
    display: block;
    position: fixed;
    z-index: 9999 !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, 0.8 );
    padding: 20% 0 0 0;
}
.ball {background-color: rgba(0,0,0,0);	border:5px solid rgba(60,236,236,0.9);	opacity:0.9;	border-top:5px solid rgba(0,0,0,0);	border-left:5px solid rgba(0,0,0,0);	border-radius:50px;
	width:50px;	height:50px;	margin:0 auto;	-moz-animation:spin .5s infinite linear;	-webkit-animation:spin .5s infinite linear;}
.ball1{	background-color: rgba(0,0,0,0);	border:5px solid rgba(60,236,236,0.9);	opacity:.9;	border-top:5px solid rgba(0,0,0,0);	border-left:5px solid rgba(0,0,0,0);		border-radius:50px;
	width:30px;	height:30px;	margin:0 auto;	position:relative;	top:-40px;	-moz-animation:spinoff .5s infinite linear;	-webkit-animation:spinoff .5s infinite linear;}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}
/****************************************************/
/************** Loader Css End ***************/
/****************************************************/

@media (max-width: 1024px) {
    .brand-logo-sec img { height: 68px;}

}
@media (max-width: 991px) {
ul.principles li span { font-size: 14px; line-height: 22px;}
.brand-logo-sec img { height: 46px;}

}


@media (max-width: 767px) {
h1.bnr-title { font-size: 2rem}
h1.bnr-title span { font-size: 1.5rem; }
.home-video span.animateslide { margin-top: 2%; }
.emailtxt { text-align: center; margin-bottom: 10px;}
.innerpages .navbar-dark .nav-navbar>.nav-link { color: rgba(117,117,117,0.8);}
h2, .h2 { font-size: 1.7rem}
.section-header { margin-bottom: 50px;}
.footer { text-align: center;}
ul.principles li { width: 100%; text-align: center;}
ul.principles li br { display: none;}
.header-list ul { min-width: 46%;}
.header-list ul li { font-size: 16px;}
.header-list ul.left { padding-right: 10%; }
.header-list ul.right { padding-left: 10%; }
.header-list ul.left::after { font-size: 32px; right: -12px; top: 22%;}
section.section { text-align: center;}
.media-body { text-align: left;}
.accordion .card-title a { padding: 16px 0 16px 33px;}
.accordion-connected .card { text-align: left;}
.brand-logo-sec img { margin: 15px 0; height: 100%;}

}

@media (max-width: 400px) {
body>.footer .social a:last-child, body>.footer .nav a:last-child { display: none }
.btn { white-space: normal; }
}