@charset "utf-8";
/* CSS Document */
body { /*font-family: 'Barlow', sans-serif;*/
	color: #04111d;
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 1.5rem;
}
body {
	position: relative;
}
:focus, button:focus, a:focus {
	outline: none;
	box-shadow: none
}
@font-face {
	font-family: 'Museo 700';
	src: url('../fonts/Museo-700.eot');
	src: url('../fonts/Museo-700.eot?#iefix') format('embedded-opentype'),  url('../fonts/Museo-700.woff2') format('woff2'),  url('../fonts/Museo-700.woff') format('woff'),  url('../fonts/Museo-700.ttf') format('truetype'),  url('../fonts/Museo-700.svg#Museo-700') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Museo 500';
	src: url('../fonts/Museo-500.eot');
	src: url('../fonts/Museo-500.eot?#iefix') format('embedded-opentype'),  url('../fonts/Museo-500.woff2') format('woff2'),  url('../fonts/Museo-500.woff') format('woff'),  url('../fonts/Museo-500.ttf') format('truetype'),  url('../fonts/Museo-500.svg#Museo-500') format('svg');
	font-weight: 500;
	font-style: normal;
}

.img-fluid {
    max-width: 77%;
    height: auto;
}
.tes-img-1 {
    position: absolute;
    left: -30px;
    font-size: 52px !important;
    font-style: italic !important;
    top: -33px;
    color: rgb(250,250,250,0.6);
}

.tes-img-2 {
    position: absolute;
    right: -25px;
    font-size: 52px !important;
    font-style: italic !important;
    bottom: -25px;
    color: rgb(250,250,250,0.6);
}

.fontsize-small {
	font-size: .95rem
}
.top-nav {
	position: relative;
	z-index: 11;
	background: transparent
}
.navbar-nav .dropdown-item:active:focus, .navbar-nav .dropdown-item.active:hover {
	background: #f8f9fa !important;
	color: #16181b !important
}
.top-nav.fixed-me .white-logo {
	display: none
}
.top-nav.fixed-me .dark-logo {
	display: block;
	max-width: 180px
}
.top-nav.fixed-me .navbar-nav .nav-item .nav-link {
	color: #000000
}
.top-nav.fixed-me .navbar-nav .nav-item.social-icons .nav-link {
	color: #fff
}
.top-nav .dark-logo {
	display: none
}
.top-nav.fixed-me {
	position: fixed;
	top: 0;
	width: 100%
}
.top-nav .main-nav .navbar-nav > li.nav-item > a.nav-link { /*font-weight: 600*/
}
.top-nav .main-nav .navbar-nav > li.nav-item.active > a.nav-link {
	font-weight: 600;
}
.fixed-me .main-nav .navbar-nav > li.nav-item > a.nav-link.active {
	color: #e5228b
}
@keyframes slide-down {
 0% {
 opacity: 0;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
@-webkit-keyframes slide-down {
 0% {
 opacity: 0;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
@-moz-keyframes slide-down {
 0% {
 opacity: 0;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
@-o-keyframes slide-down {
 0% {
 opacity: 0;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
.navbar-brand .logo {
	width: 230px;
}
/*section.hero*/
.nav-herobanner {
	position: relative
}
.nav-herobanner:after, .cta:after {
	background-image: url("../images/gradient-dark.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
/*section.hero*/
.nav-herobanner:before, .cta:before {
	background: rgba(0, 0, 0, 0) url("../images/hero-banner-bg.png") no-repeat right bottom;
	background-size: 80% auto;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
}
div.top-angle:before {
	bottom: -1px;
	height: 120px;
	background-color: #f7f8fc;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 0 0%);
	clip-path: polygon(0 0, 0 100%, 100% 100%, 0 0%);
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
}
section.hero {
	padding-top: 0;
	position: relative;	/*margin-top: -95px*/
}
section.hero h1 {
	font-family: 'Museo 700';
	color: #fff;
	line-height: 1.3;
	margin-bottom: .5rem;
	font-size: 2.2rem
}
section.hero p {
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.3;
	margin-bottom: 1rem;
	font-weight: 300
}
section.hero {
	padding: 0;
}
section.hero a.btn.explore-platform, .explore-platform {
	background: #d8127d;
	border: 2px solid #d8127d;
	color: #fff;
	margin: 10px 0 20px;
	padding: 0.75rem 2.2rem 1rem;
	font-size: 1.25rem;
	font-weight: 600;
	display: inline-block;
	line-height: 1.25rem;
	border-radius: 30px;
	top: 0;
	position: relative;
	transition: all .15s ease-in-out;
}
section.hero.inner-hero h1 {
	font-size: 1.9rem
}
section.hero a.btn.explore-platform:hover, .btn.explore-platform:hover {
	background: #e5228b;
	border-color: #e5228b;
	color: #fff
}
.main-nav .navbar-nav {/*font-family: 'Comfortaa', cursive;*/
	font-family: 'Roboto', sans-serif;
}
.main-nav .navbar-nav > li.nav-item > a.nav-link {
	color: #fff;
	font-size: .85rem;
	text-transform: uppercase
}
.main-nav .navbar-nav > li.nav-item + .nav-item {
	margin-left: 1.12rem
}
.main-nav .navbar-nav > li.nav-item .dropdown-toggle::after {
	content: "\f110";
	display: inline-block;
	font: normal normal normal 16px/1 LineAwesome;
	font-size: inherit;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	border: none;
	margin: 0;
	position: relative;
	top: .15rem;
}
.social-info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	height: 100%;
	border-right: solid 1px rgba(255,255,255,0.3)
}
.social-info ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.social-info ul {
	position: relative;
	top: 45%;
	transform: translateY(-45%)
}
.social-info ul li a {
	padding: 1rem .5rem;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	font-size: 1.45rem;
	transition: all .4s ease-out;
}
.social-info ul li a:hover {
	color: rgba(255,255,255, 1);
}
.social-info ul li {
	border-top: solid .035rem rgba(255,255,255,0.3)
}
.social-info ul li + li {
	border-bottom: solid .035rem rgba(255,255,255,0.3)
}
.main-nav .navbar-nav > li.social-icons > a i {
	font-size: 1.5rem;
	line-height: 1
}
.main-nav .navbar-nav > li.social-icons > a {
	padding: .25rem .9rem;
	border-radius: 20px;
	background: #312d62
}
.main-nav .navbar-nav > li .dropdown-menu {
	border-radius: .25rem;
	min-width: 230px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.176);
	border: 0 solid rgba(0, 0, 0, 0.15);
}
.navbar-nav .dropdown-menu {
	opacity: 0;
}
.dropdown-menu {
	background-clip: padding-box;
	background-color: #fff;
	border: 0 solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.176);
	color: #495057;
	display: none;
	font-size: 0.9375rem;
	list-style: outside none none;
	margin: 0.125rem 0 0;
	min-width: 10rem;
	padding: 1rem 0;
	text-align: left;
	top: 100%;
	z-index: 1000;
	font-family: 'Barlow', sans-serif;
}
.dropdown-menu:after {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #f7f8fc;
	border-width: 8px;
	margin-left: -8px;
}
.dropdown-menu.dropdown-menu-right:after {
	left: auto;
	right: 20px;
}
.dropdown-menu a {
	padding: .5rem 1.3rem;
	color: #545a74
}
.dropdown-menu a i {
	font-size: 1.2rem;
	color: #312d62;
	margin-right: .3rem;
	opacity: .7
}
.dropdown-menu a:hover i {
	opacity: 1
}
.products-overview {
	background: #f7f8fc
}
.heading-title {
	font-family: 'Museo 500';
	color: #d8127d;
	font-size: 1.6rem;
}
.icon {
	display: inline-block; /*background: #322867; width: 50px; height: 50px;*/
	border-radius: 40px;
	text-align: center
}
.icon i {
	color: #322867;
	font-size: 3.8rem;
	line-height: 1
}
.flask-icon.icon i {
	font-size: 5rem;
}
.products-names { /*border-top: solid 1px #e3e8ed; border-bottom:solid 1px #e3e8ed;*/
}
.products-names .card-deck {
	margin: 0
}
/*.icon.cloud i:before{background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.products-names .card-deck .card {
	border-color: #e5e4e4;
	box-shadow: 2px 2px 15px 0 rgba(0,0,0,.04);
	margin-bottom: 15px;
}
.transform-business {
	position: relative;
	overflow: hidden;
	padding: 5rem 0 2rem
}
.transform-business:before {
	content: "";
	display: block;
	width: 100%;
	background: #f7f8fc;
	position: absolute;
	left: 0;
	top: 0;    /* -webkit-clip-path: polygon(0 25%, 100% 0, 0 0);    clip-path: polygon(0 25%, 100% 0, 0 0);*/
	background: url("../images/transform-svg.svg") no-repeat;
	background-size: 100% auto;
	padding-top: 20%;
}
/*.transform-business:after{ content: ""; display: block; width: 70%;  background: #f7f8fc; position: absolute; right: 0; top: 0; -webkit-clip-path: polygon(100% 0, 0 0, 100% 50%);    clip-path: polygon(100% 0, 0 0, 100% 50%);	padding-top: 10%;}*/
.transform-business h4 {
	font-family: 'Museo 500';
	color: #04111d;
	font-size: 1.6rem;
	display: inline-block;
	margin: 0 2rem
}
.products-names .card-deck .card .card-title { /*font-family: 'Museo 500'; */
	color: #d8127d;
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0;
	padding: .5rem 0 .25rem;
	font-weight: 500
}
.products-names .card-deck .card .card-footer {
	border-top: none;
	background: #fff
}
.products-names .card-deck .card .card-footer a {
	color: #a1a6bc;
	font-size: 1.1rem;
	text-decoration: none
}
.products-names .card-deck .card .card-footer a i {
	position: relative;
	top: 2px;
	left: 0;
	color: #d8127d;
	transition: all .15s ease-out;
}
.products-names .card-deck .card .card-footer a:hover {
	color: #545a74
}
.products-names .card-deck .card .card-footer a:hover i {
	left: 3px;
}
.cta {
	position: relative;
	padding: 55px 0 55px;
}
body .cta:before {
	background-position: center right
}
.cta h4 {
	color: #fff;
	font-family: 'Museo 700';
	font-size: 2rem;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 .6rem
}
.cta .form-control {
	padding: .5rem 1rem;
	font-family: 'Barlow', sans-serif;
	border: none;
	height: 55px;
	font-size: 1.1rem
}
.cta .input-group .input-group-append .input-group-text {
	padding: .2rem 2rem;
	background: #d8127d;
	border: none;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500
}
.bottom-angle::before {
	background-color: #f7f8fc;
	top: -.03rem;
	clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 0 100%);
	content: "";
	height: 120px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
}
::-webkit-input-placeholder {
color: rgba(170,170,170,0.5);
}
::-moz-placeholder {
color:rgba(170,170,170,0.5);
}
:-ms-input-placeholder {
color: rgba(170,170,170,0.5);
}
:-moz-placeholder {
color: rgba(170,170,170,0.5);
}
div.footer {
	background-color: #fff;
	color: #7f8c8d;
	padding: 20px 0 15px;
	position: absolute;
	width: 100%;
}
div.footer div.linkmap div.link-col {
	text-align: right;
}
div.footer div.linkmap h4 {
	color: #3f3f3f;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div.footer div.linkmap h4, div.footer div.linkmap a {
	display: block;
	font-size: 13px;
	line-height: 1.4;
	margin: 0 0 10px;
}
div.footer div.linkmap a {
	color: #7f8c8d;
}
div.footer div.linkmap a:hover {
	color: #322867;
	text-decoration: none
}
div.footer div.subfooter {
	border-top: 1px solid #dadcdd;
	margin: 15px 0 0;
	padding: 15px 0 0;
}
div.footer div.subfooter p.copyright {
	color: #7f8c8d;
	display: block;
	font-size: .8rem;
	width: 100%;
}
.hero .container {
	position: relative;
	z-index: 1
}
.innerpages .nav-herobanner:before {
	background: rgba(0, 0, 0, 0) url("../images/hero-inner-banner-bg.png") no-repeat right bottom;
	background-attachment: fixed
}
.hero.inner-hero .top-angle:before {
	background: #fff
}
.particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: .6
}
.particles canvas {
	width: 100% !important;
	height: 100% !important
}
.about-overview {
	display: block;
	position: relative
}
.about-overview .top-angle {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
}
.about-overview .top-angle:before {
	background: #f2f3f4;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 50%);
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 50%);
}
.about-overview .bottom-angle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	z-index: 1
}
.about-overview .bottom-angle:before {
	background: #f2f3f4;
	-webkit-clip-path: polygon(0% 0, 0% 100%, 100% 62%, 100% 0%);
	clip-path: polygon(0% 0, 0% 100%, 100% 62%, 100% 0%);
}
.about-overview:before {
	width: 50%;
	height: 100%;
	background: #f2f3f4;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: ""
}
.aboutconent {
	padding: 0;
	position: relative;
}
.aboutconent .title {
	font-family: 'Museo 500';
	color: #d8127d;
	font-size: 1.5rem;
	margin: 0;
	padding: .8rem 0 .5rem
}
.aboutconent .icon {
	position: absolute;
	top: 0px;
	left: -.5rem;
}
.aboutconent .icon i {
	font-size: 2.8rem;
	line-height: 1.5
}
ul.datalist {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
ul.datalist li {
	display: block;
	margin-right: .5rem;
	line-height: 1.3;
	position: relative;
	padding-left: 30px;
	margin-bottom: .55rem;
}
ul.datalist li:before {
	position: absolute;
	display: block;
	content: "\f17c";
	left: 0;
	top: -2px;
	font-size: 1.3rem;
	font-family: LineAwesome;
	color: #0b6ffd    /* transform: translateY(-50%); */
}
.cta.customers {
	padding: 40px 0 40px;
}
.cta.customers .bottom-angle:before {
	background: #fff
}
.slider .slick-arrow, .slider .slick-dots {
	display: none !important
}
.Proportion-img {
	position: relative
}
.Proportion-img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(45deg, rgba(102,126,234,.68), rgba(118,75,162,.65));
	position: absolute
}
.Proportion-img h3 {
	font-size: 1.1rem;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1rem 1.5rem;
	width: 100%;
	font-family: 'Museo 500';
}
.Proportion-img img {
	max-width: 100%;
	width: 100%;
}
.Proportion .details {
	padding: 1rem 0;
	font-weight: 400
}
.glide__slides.Proportion .glide__slide {
	padding-left: .5rem;
	padding-right: .5rem
}
.glide__slides.Proportion .glide__slide p {
	margin-bottom: 0
}
.keyfeatures {
	background: url(../images/background.jpg) no-repeat;
	background-size: cover;
	color: #fff
}
.col-keyfeatures {
	background: url("../images/gradient-dark.jpg") no-repeat;
	background-size: cover;
	position: relative
}
.keyfeatures ul.datalist li:before {
	color: #9e99e5
}
.col-keyfeatures:before {
	background: url(../images/linking-lines.png) no-repeat;
	background-size: cover;
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	content: "";
	z-index: 1
}
.keyfeatures-data {
	padding-left: 5rem;
	position: relative
}
.keyfeatures-data .icon {
	position: absolute;
	left: 1.3rem;
	top: 2.4rem
}
.contact-details {
	padding-bottom: 1.5rem;
	border-bottom: solid 1px #d1d2df;
	margin-bottom: 3rem
}
.keyfeatures-data .icon i {
	font-size: 2.7rem;
	color: #d8127d
}
.contact-details .icon {
}
.contact-details .icon i {
	font-size: 2.5rem;
	line-height: 1.5
}
.contact-details .h6 {
	padding: 1.1rem 0 .3rem;
	font-size: 1rem;
	font-weight: 600;
	margin: 0
}
.contact-form h2 {
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 300;
	color: #182061;
}
.contact-form h2 span {
	font-family: 'Museo 500';
	color: #d8127d;
	font-size: 1.2rem;
	line-height: 1;
	display: block
}
.contact-form .form-group {
	margin-bottom: 1.5rem
}
.contact-form .form-control {
	border-radius: 0;
	border: none;
	border-bottom: solid 1px #322867;
	height: 55px;
}
.contact-form textarea.form-control {
	height: 80px
}
.contact-form .form-control:focus {
	box-shadow: none
}
.ignite-services { /*padding-top: 2rem*/
}
.ignite-services .card-title, .service-content .title, .labs-features .title, .ignite-content .title {
	font-family: 'Museo 500';
	color: #d8127d;
	font-size: 1.35rem;
	margin: 0;
	text-transform: uppercase
}
.ignite-content .title.center {
	display: block;
	text-align: center;
	padding: 0 0 1.5rem
}
.ignite-content .title.center:before {
	display: block;
	margin: 0 auto .5rem
}
.ignite-content {
	background: #f2f2f2
}
.ignite-content.odd {
	background: #fff
}
.ignite-services .card-body img {
	max-height: 70px;
}
.service-image {
	margin: 0 auto;
	max-width: 300px;
}
.u-fill-primary {
	fill: #322867;
}
.u-fill-success {
	fill: #d8127d;
}
.u-fill-warning {
	fill: #ffc107;
}
.u-fill-danger {
	fill: #a36a97;
}
.service-content .title, .labs-features .title {
	position: relative;
	margin-bottom: .5rem
}
.service-content .title:before, .labs-features .title:before, .ignite-content .title:before {
	content: "";
	width: 60px;
	height: 1px;
	background: #322867;
	display: block;
	margin-bottom: .6rem
}
body .white-bg:before {
	background: #fff
}
.labs-features .text-right .title:before {
	text-align: right;
	display: inline-block
}
.labs-features .text-right .title {
	text-align: right;
}
.labs-features .text-right .title span {
	display: block
}
.labs-features .img-fluid {
	max-width: 140px;
}
.contactus-section h1 {
	font-family: 'Museo 500';
	color: #fff;
	font-size: 2.05rem
}
.cta.contactus-section:before {
	background: url(../images/linking-lines2.png) no-repeat center right;
}
.space-2 {
	padding-top: 4.0625rem;
	padding-bottom: 4.0625rem;
}
.bg-img-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.justify-content-md-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.labs-features .position-relative {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.labs-features .heading {
	font-family: 'Museo 700';
	color: #322867;
	font-size: 1.8rem;
	margin: 0rem 0 2rem;
	text-align: center
}
.size-2 {
	font-size: 1.3rem;
	line-height: 1.5
}
.journey-data {
	white-space: nowrap;    /*overflow-x: hidden;*/
}
.journey-data ol {
	font-size: 0;
	width: 100%;
	padding: 7rem 0 5rem;
	transition: all 1s;
	text-align: center;
	position: relative;
	left: 5%;
}
.journey-data ol li {
	position: relative;
	display: inline-block;
	list-style-type: none;
	min-width: 160px;
	width: 20%;
	height: 3px;
	background: #eee;
	z-index: -1
}
.journey-data ol li:last-child:before {
	display: none
}
.journey-data ol li:before {
	content: "\f112";
	display: inline-block;
	font-family: LineAwesome;
	font-size: 25px;
	line-height: .1
}
.journey-data ol li:last-child {
	background: transparent;
}
.journey-data ol li div {
	position: absolute;
	left: 0;
	max-width: 175px;
	padding: 10px;
	white-space: normal;
	color: black;
	transform: translateX(-50%);
	text-align: center;
}
.journey-data ol li img {
	top: -36px;
	position: absolute;
	left: 0;
	transform: translateX(-50%);
	z-index: 11;
	max-width: 75px
}
/*.journey-data ol li:nth-child(odd) img{top: -36px; }*/
.journey-data ol li div h4 {
	font-family: 'Museo 500';
	color: #322e64;
	font-size: 1rem;
	display: inline-block
}
.journey-data ol li:nth-child(odd) div {
	top: -35px;
	transform: translateY(-100%) translateX(-50%);
}
.journey-data ol li:nth-child(even) div {
	top: calc(100% + 35px);
}
.journey-data ol li:not(:last-child)::after, .journey-data ol li:not(:first-child):after {
	content: '';
	position: absolute;
	top: 50%;
	left: -45px;
	bottom: 0;
	width: 90px;
	height: 90px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #fff;
	z-index: -1;
	border: solid 1px #eee
}
.ignite-services, .ignite-content {/*background:#f2f3f4;*/
}
.hero.inner-hero .top-angle.gray-angle:before {
	background: #f2f3f4;
}
.icon.lightbulb i {
	font-size: 5.2rem;
	line-height: .5
}
.gray-bg {
	background: #f2f3f4
}
.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}
.list-group-item {
	position: relative;
	display: block;
	padding: 0.375rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: none;
}
.list-group-flush .list-group-item {
	padding-left: 0;
	padding-right: 0;
	font-size: 0.875rem;
	margin-bottom: 0;
}
.list-group .list-group {
	margin-left: 1rem;
}
.page-title {
	color: #fff;
	margin-bottom: 0;
	font-weight: 300;
	font-family: 'Museo 300';
	font-size: 1.5rem;
}
.slider__arrow {
	position: absolute;
	top: 30%;
	z-index: 1;
	width: auto;
	height: auto;
	color: #312d62;
	margin-top: -9px;
	border-radius: 50%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0,0,0,.5);
	box-shadow: 0 0.5rem 4rem 0 rgba(0,0,0,.5);
}
.slider__arrow--prev {
	left: -2rem;
}
.slider__arrow--next {
	right: -2rem;
}
.slider__arrow i {
	font-size: 2rem
}
.glide__arrow {
	cursor: pointer;
	padding: 0;
	background-color: transparent;
	border: 0;
	outline: 0;
	box-shadow: none;
}
.roadmap .green-to-blue, .roadmap .blue-to-purple, .roadmap .purple-to-green, .roadmap .blue-to-grey, .roadmap .grey-to-green {
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-image-slice: 1;
	padding: 10px 10px 40px 10px;
	margin-top: 100px;
}
.journeydiv {
	position: relative;
}
.journeydiv .text-xt {
	position: absolute;
	top: 100%;
	left: 100%;
	transform: translateX(-50%);
	min-width: 160px;
	font-family: 'Museo 500';
	color: #322e64;
	line-height: 1.2
}
.journeydiv img {
	position: absolute;
	top: -100px;
	left: 100%;
	transform: translateX(-50%);
}
.journeydiv .arrow i {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 1.5rem;
	color: #999
}
.profile-box {
	width: 100%;
	top: 0;
	box-shadow: 0px 17px 27px rgba(0,0,0,0.07);
	border: none;
	padding: 0 2.5rem;    /*margin-bottom: -125px;	transform: translateY(-55%);*/
}
.profile-box .description {
	border-left: solid 1px #eee
}
.profile-box .description {
	padding-left: 2.5rem
}
.content-titles {
	font-family: 'Museo 500';
	font-size: 1.8rem;
	text-align: center
}
.content-titles:after {
	content: "";
	width: 80px;
	height: 1px;
	display: block;
	background: #e5228b;
	margin: .5rem auto 0
}
.datalist.fontsize-small li {
	margin-bottom: .35rem
}
.value-proposition {
	background: #f2f2f2;
}
.value-proposition .dpe-component-wrapper {
	padding: .8rem 1rem;
	border-left: solid 1px #d8127d;
}
.value-proposition .dpe-component-wrapper h2 {
	font-family: 'Museo 500';
	font-size: 1.8rem;
	color: #d8127d
}
.value-proposition .dpe-component-wrapper p {
	margin: 0;
	padding: 0
}
.hero.homepage {
	height: 100vh;
	margin-top: -87px
}
.hero.homepage .container {
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}
/* mice panel */
#mice {
	margin: 0 auto;
	padding-bottom: 3rem;
	padding-top: 1rem;
	text-align: center;
	width: 20px;
	height: 9px;
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	opacity: .6
}
#mice span {
	display: block;
	width: 9px;
	height: 9px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 5px 0 3px 6px;
}
.unu {
	margin-top: 6px;
}
.unu, .doi, .trei {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
}
.unu {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
}
.doi {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
}
.trei {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
}
.mouse {
	height: 30px;
	width: 22px;
	border-radius: 10px;
	transform: none;
	border: 2px solid white;
	top: 170px;
}
.wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 7px auto;
	background: white;
	position: relative;
}
.wheel {
	-webkit-animation: mouse-wheel 1.2s ease infinite;
	-moz-animation: mouse-wheel 1.2s ease infinite;
}
 @-webkit-keyframes mouse-wheel {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(6px);
 -ms-transform: translateY(6px);
 transform: translateY(6px);
}
}
 @-moz-keyframes mouse-wheel {
 0% {
top: 1px;
}
 50% {
top: 2px;
}
 100% {
top: 3px;
}
}
 @-webkit-keyframes mouse-scroll {
 0% {
opacity: 0;
}
 50% {
opacity: .5;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes mouse-scroll {
 0% {
opacity: 0;
}
 50% {
opacity: .5;
}
 100% {
opacity: 1;
}
}
@-o-keyframes mouse-scroll {
 0% {
opacity: 0;
}
 50% {
opacity: .5;
}
 100% {
opacity: 1;
}
}
@keyframes mouse-scroll {
 0% {
opacity: 0;
}
 50% {
opacity: .5;
}
 100% {
opacity: 1;
}
}
 @keyframes show-navbar-dropdown {
 0% {
opacity: 0;
 transform: translateY(-10px) scale(0.9);
 transform-origin: 50% -150px 0;
}
 100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
 @-webkit-keyframes show-navbar-dropdown {
 0% {
opacity: 0;
transform: translateY(-10px) scale(0.9);
transform-origin: 50% -150px 0;
}
 100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
 @-moz-keyframes show-navbar-dropdown {
 0% {
opacity: 0;
transform: translateY(-10px) scale(0.9);
transform-origin: 50% -150px 0;
}
 100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
 @-o-keyframes show-navbar-dropdown {
 0% {
opacity: 0;
transform: translateY(-10px) scale(0.9);
transform-origin: 50% -150px 0;
}
 100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
.dropdown-item.active, .dropdown-item:active {
	background: #f8f9fa;
	color: #16181b
}
body span.wpcf7-not-valid-tip {
	font-size: .9rem
}
body .subscribeForm p {
	margin: 0;
	padding: 0
}
[class*='height-']:not(.align-items-initial) {
	align-items: center;
}
[class*='height-'] {
	display: flex;
}
.height-100 {
	min-height: 100vh;
}
.height-100 .particles {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0
}
.bg-gradient-3 {
	background: url(../images/gradient-dark.jpg) no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
	overflow: hidden
}
.bg-gradient-3 .container .card {
	box-shadow: 0 1rem 3rem rgba(52, 58, 64, 0.175);
	border: 0px solid rgba(0, 0, 0, 0.125)
}
.bg-gradient-3 .container {
	position: relative;
	z-index: 11
}
.bg-gradient-3 .container a {
	color: #e5228b
}
.bg-gradient-3 .fournotfour h2 {
	font-size: 4.5rem;
	font-family: 'Museo 700';
	background: -webkit-linear-gradient(100deg, #e5228b 30%, #322e64);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*hachcloud new design 28-08-18*/
.why-hashcloud .card {
	margin: 0 0 1rem;
	border: none
}
.why-hashcloud .card .card-title:after, .advance-tech .card .card-title:after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #888888;
	margin: .8rem auto 0;
	text-align: center;
}
.why-hashcloud .card .card-img-top {
	max-width: inherit;
	width: auto;
	margin-bottom: 1rem
}
.dropdown:hover > .dropdown-menu {
	display: block;
	opacity: 1;
	animation: 0.2s ease 0s normal forwards 1 running show-navbar-dropdown;
}
/* industries css*/
.center-block {
	display: block;
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
	padding: 1rem 0
}
.center-block li {
	display: inline-block;
	border-right: 1px solid #ebebeb;
	padding: .05rem 1.2rem;
	text-align: center;
	text-transform: uppercase;
	font-size: .85rem;
	font-family: 'Museo 500';
}
.center-block li:last-child {
	border-right: none
}
.center-block li img {
	display: block;
	margin: 0 auto
}
/*** Pranay journey css***/

.journey-data ol li {
	width: 16.6%;
	height: 1px;
}
.journey-data ol {
	left: 0;
}
.journey-data ol li:nth-child(odd) div {
	top: calc(100% + 50px);
	transform: translateX(-50%);
}
.journey-data ol li:nth-child(even) div {
	top: calc(100% + 50px);
}
.journey-data ol li:not(:last-child)::after, .journey-data ol li:not(:first-child):after {
	content: '';
	position: absolute;
	top: 50%;
	left: -50px;
	bottom: 0;
	width: 100px;
	height: 100px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #fff;
	z-index: -1;
	border: solid 1px #322e64;
}
.journey-data ol li img {
	top: -30px;
	position: absolute;
	left: 0;
	transform: translateX(-50%);
	z-index: 11;
	max-width: 60px;
}
.journey-data ol li:nth-child(odd) {
	background: linear-gradient(#26d198, #1a82ff);
}
.journey-data ol li {
	background: linear-gradient(#1a82ff, #26d198);
}
.journey-data ol li:before {
	position: absolute;
	content: "\f10e";
	font-size: 1.5rem;
	color: #999;
}
.journey-data ol li .module {
	background: #f2f2f2;
	min-width: 195px;
	padding: 0;
	margin-top: 10px;
	border-bottom: 1px solid #322e64;
	min-height: 140px;
}
.module .card-title {
	background: #322e64;
	width: 100%;
	color: #fff;
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
	margin-bottom: 0;
}
.journey-data ol li .module .card-text {
	font-size: 14px;
	line-height: 1.3rem;
	padding: 0.25rem .5rem .5rem .5rem;
}
.journey-data ol {
	padding: 4rem 0 14rem;
}
.social-links ol {
	list-style-type: none;
	padding: 0;
}
.journey-data ol li:last-child {
	min-width: 10px;
	max-width: 10px;
}
.social-links ol li {
	display: inline-block;
}
.social-links ol li a {
	color: #515859;
	text-decoration: none;
	font-size: 1.15rem;
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
.journey-data ol li div h4 {
	font-size: 0.95rem;
}
.journey-data ol li .module {
	min-width: 160px;
	max-width: 160px;
	min-height: 150px;
}
.journey-data ol li:not(:last-child)::after, .journey-data ol li:not(:first-child):after {
	left: -45px;
	bottom: 0;
	width: 90px;
	height: 90px;
}
.journey-data ol li img {
	max-width: 50px;
	top: -25px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
.journey-data ol li:before {
	font-size: 1.2rem;
	color: #999;
	left: 40%;
}
.journey-data ol {
	padding: 4rem 0 17rem;
}
.journey-data ol li {
	min-width: 120px;
}
.journey-data ol li img {
	max-width: 35px;
	top: -18px;
}
.journey-data ol li .module {
	min-width: 115px;
	max-width: 115px;
	min-height: 204px;
}
.journey-data ol li:not(:last-child)::after, .journey-data ol li:not(:first-child):after {
	left: -35px;
	bottom: 0;
	width: 70px;
	height: 70px;
}
}

@media only screen and (max-width: 640px) and (min-width: 320px) {
.journey-data ol li {
	margin-bottom: 180px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.journey-data ol li .module {
	left: 80%;
	top: -75px!important;
}
.journey-data ol li img {
	max-width: 35px;
	top: -18px;
	left: -30px;
}
.journey-data ol li:not(:last-child)::after, .journey-data ol li:not(:first-child):after {
	left: -65px;
	bottom: 0;
	width: 70px;
	height: 70px;
}
.journey-data ol {
	padding: 4rem 0rem 0rem;
}
.journey-data ol li:last-child {
	min-width: 160px;
	max-width: 160px;
	;
	margin-bottom: 130px;
	background: linear-gradient(#1a82ff, #26d198);
}
.connector-odd, .connector-even {
	/*background: linear-gradient(#26d198, #f7f9fb);*/
	height: 170px;
	width: 1px;
	position: absolute;
	left: -20%;
	z-index: -1;
}
.connector-odd {
	background: linear-gradient(to top, #1a82ff, #26d198);
}
.connector-even {
	background: linear-gradient(to top, #6e3bea, #1a82ff);
}
span.connector-even:after, span.connector-odd:after {
	position: absolute;
	content: "\f10e";
	font-size: 1.5rem;
	color: #999;
	display: inline-block;
	font-family: LineAwesome;
	top: 50%;
	transform: rotateZ(90deg);
	margin-left: -13px;
	line-height: .1;
}
.copyright {
	text-align: center!important;
	margin-bottom: 15px!important;
}
.social-links {
	text-align: center!important;
}
}
/**************************************/

/* index page new design */
.advance-tech {
	background: #f7f8fc;
}
.advance-tech .card .card-title:after {
	margin: .8rem 0 0
}
.products-names .card-deck .card {
	background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0.02));
	border: none
}
.products-names .card-deck .card .card-footer {
	background: transparent
}
.products-names .card-deck .icon i {
	color: #fff;
	font-size: 2.8rem
}
.products-names .card-deck .card .card-title {
	color: #fff;
	position: relative;
	font-weight: 400
}
.products-names .card-deck .card .card-title:after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #d8127d;
	margin: .5rem 0 0.4rem;
	text-align: center;
}
.products-names .card-deck .card p {
	color: #fff;
	font-weight: 300
}

@media only screen and (min-height: 700px) {
.home-page .nav-herobanner {
	min-height: 100vh;
}
.nav-herobanner:before {
	background-size: cover
}
.products-names {
	position: absolute;
	z-index: 1;
	bottom: .5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%
}
}

@media (min-width: 1025px) {
.home-page .social-icons {
	display: none
}
}

@media (min-width: 768px) {
.main-nav .navbar-nav > li.show .dropdown-menu {
	animation: 0.2s ease 0s normal forwards 1 running show-navbar-dropdown;
}
.top-nav.fixed-me {
	background: #fff;
	padding: 0;
	animation: slide-down 0.7s;
	box-shadow: 0 0 35px 0 rgba(154,161,171,.25);
	border-bottom: solid 1px rgba(154,161,171,.22)
}
section.hero div.intro {
	margin: 0;
	top: 46%;
	position: relative;
}
section.hero:not(.inner-hero) .container {
	top: 50%;
}
.hero.inner-hero div.intro {
	margin: 60px 0 60px;
}
.contact-details .u-ver-divider {
	border-right: solid 1px #d1d2df
}
.position-absolute-top-right-0--md {
	position: absolute;
	top: 0;
	right: 0;
}
.position-absolute-top-left-0--md {
	position: absolute;
	top: 0;
	left: 0;
}
.space-3--lg {
	padding-top: 8.125rem;
	padding-bottom: 8.125rem;
}
.roadmap > div {
	margin-left: 0px;
	max-height: 40px;
	margin-bottom: 50px;
	text-align: center;
}
.roadmap .green-to-blue, .roadmap .blue-to-purple, .roadmap .purple-to-green, .roadmap .blue-to-grey, .roadmap .grey-to-green {
	border-width: 1px 1px 0px 0px;
	padding: 10px 10px 10px 10px;
}
.roadmap .grey-to-green {
	border-image-source: linear-gradient(to left, #26d198, #f7f9fb);
}
.roadmap .green-to-blue {
	border-image-source: linear-gradient(to left, #1a82ff, #26d198);
}
.roadmap .blue-to-purple {
	border-image-source: linear-gradient(to left, #6e3bea, #1a82ff);
}
.roadmap .purple-to-green {
	border-image-source: linear-gradient(to left, #26d198, #6e3bea);
}
.roadmap .green-to-blue {
	border-image-source: linear-gradient(to left, #1a82ff, #26d198);
}
.roadmap .blue-to-grey {
	border-image-source: linear-gradient(to left, #f7f9fb, #1a82ff);
}
/*.hero:not(.inner-hero){ height: 70vh; min-height: 450px}*/
	
	
	/*responsive css*/
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {
	max-width: 100%
}
.products-names .card-deck .card {
	margin-left: .3rem;
	margin-right: .3rem
}
.social-info {
	display: none
}
/*ipad responsive*/
body {
	font-size: .95rem;
	line-height: 1.4rem;
}
.navbar-brand .logo {
	max-width: 180px
}
.main-nav .navbar-nav > li.nav-item + .nav-item {
	margin-left: .65rem
}
.nav-herobanner::before {
	background-size: cover
}
.navbar > .container {
	padding-left: 0;
	padding-right: 0
}
.products-overview .col-sm-12.position-relative {
	padding-left: 0;
	padding-right: 0
}
/*.profile-box{ margin-bottom: -95px}*/
.slider__arrow--prev {
	left: 1rem;
	color: #fff
}
.slider__arrow--next {
	right: 1rem;
	color: #fff
}
.keyfeatures-data {
	padding-left: 3.5rem;
}
.keyfeatures-data .icon {
	left: .5rem;
	top: 2.5rem
}
.ignite-services .card-body {
	padding-left: .1rem;
	padding-right: .1rem
}
.ignite-services .card-title, .service-content .title, .labs-features .title, .ignite-content .title {
	font-size: 1rem
}
.journeydiv .text-xt {
	min-width: 120px;
}
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
body {
	font-size: .95rem;
	line-height: 1.35rem;
}
.container {
	max-width: 100%
}
.products-overview .col-sm-12.position-relative {
	padding-left: 0;
	padding-right: 0
}
.profile-box {
	transform: translateY(0);
	margin-bottom: 0
}
.nav-herobanner .hero:not(.inner-hero) {
	padding-bottom: 100px
}
.profile-box {
	padding: 0 .5rem
}
.profile-box .card-body {
	padding: 1rem .5rem
}
.profile-box .description {
	padding-left: 1rem
}
.nav-herobanner::before, .cta::before {
	background-size: cover;
	background-attachment: fixed
}
.overview-box {
	margin-top: 0;
	position: relative;
	top: -100px;
	margin-bottom: -80px
}
.main-nav .navbar-nav > li.nav-item + .nav-item {
	margin-left: 0
}
.products-names .card-deck .card {
	margin-left: .25rem;
	margin-right: .25rem
}
.navbar-collapse.main-nav {
	margin-left: -15px;
	margin-right: -15px;
	background: rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset
}
.top-nav.fixed-me {
	position: relative
}
.social-info {
	display: none
}
.navbar-collapse.main-nav .navbar-nav {
	margin: 1rem 0
}
.navbar-collapse.main-nav .navbar-nav > li.nav-item > a.nav-link {
	padding-left: 15px;
	padding-right: 15px;
}
.cta .input-group .input-group-append .input-group-text {
	font-size: 1rem;
	padding: .5rem 1rem
}
.main-nav .navbar-nav > li.nav-item.social-icons #social {
	display: none
}
.main-nav .navbar-nav > li.nav-item .dropdown-menu {
	background: transparent;
	position: static;
	box-shadow: none;
	padding: 0 0 .5rem;
	margin: 0;
}
.main-nav .navbar-nav > li.nav-item.social-icons .dropdown-menu {
	display: block;
	opacity: 1;
	text-align: center;
	padding-bottom: 0
}
.main-nav .navbar-nav > li.nav-item.social-icons {
	border-top: solid 1px rgba(255, 255, 255, 0.25);
	padding-top: .5rem
}
.main-nav .navbar-nav > li.nav-item.social-icons .dropdown-menu .dropdown-item i {
	color: #fff
}
.main-nav .navbar-nav > li.nav-item .dropdown-menu .dropdown-item:hover {
	background: transparent
}
.main-nav .navbar-nav > li.nav-item.social-icons .dropdown-menu .dropdown-item span {
	display: none
}
.main-nav .navbar-nav > li.nav-item .dropdown-menu:after {
	display: none
}
.main-nav .navbar-nav > li.nav-item.social-icons .dropdown-menu .dropdown-item {
	display: inline-block;
	width: auto;
	padding: .5rem;
}
.navbar-nav .dropdown-menu.show {
	opacity: 1;
}
.main-nav .navbar-nav > li.nav-item:not(.social-icons) .dropdown-menu {
	border-bottom: solid 1px rgba(255, 255, 255, 0.25)
}
.dropdown-menu a, .dropdown-menu a i {
	color: rgba(255,255,255,0.8)
}
.dropdown-menu a:hover, .dropdown-menu a:hover i {
	color: #fff
}
.navbar-toggler {
	position: relative
}
.navbar-toggler-icon {
	background: #fff;
	height: .07rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: left .25s ease, background .25s ease .5s;
	width: 18px;
}
.navbar-toggler-icon:after, .navbar-toggler-icon:before {
	background: #fff;
	content: "";
	height: .07rem;
	left: 0;
	position: absolute;
	transition: left .25s ease, background .25s ease .5s, transform .25s ease;
	width: 25px;
}
.navbar-toggler-icon:before {
	top: -6px;
}
.navbar-toggler-icon:after {
	bottom: -6px;
}
.navbar-toggler .navbar-toggler-icon {
	transition: none
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background: transparent;
	transition: none
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	top: 0;
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	bottom: 0;
	transform: rotate(-45deg);
}
/*about us*/
section.hero.inner-hero h1 {
	font-size: 1.6rem;
	line-height: 1.2
}
section.hero.inner-hero {
	padding: 2rem 0
}
.aboutconent .icon i {
	font-size: 2rem;
}
.roadmap {
	max-width: 50px;
	margin: 0 auto
}
.roadmap .green-to-blue, .roadmap .blue-to-purple, .roadmap .purple-to-green, .roadmap .blue-to-grey, .roadmap .grey-to-green {
	border-width: 1px 0 0px 0px;
	padding: 10px 10px 10px 10px;
}
.roadmap .journeydiv {
	margin: 0;
	padding: 60px 0
}
.journeydiv:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
}
.roadmap .grey-to-green.journeydiv {
	border-color: transparent;
}
.roadmap .grey-to-green.journeydiv:before {
	background: linear-gradient(to top, #26d198, #f7f9fb);
}
.roadmap .green-to-blue.journeydiv {
	border-color: #26d198;
}
.roadmap .green-to-blue.journeydiv:before {
	background: linear-gradient(to top, #1a82ff, #26d198);
	border-color: #f7f9fb;
}
.roadmap .blue-to-purple.journeydiv {
	border-color: #1a82ff;
}
.roadmap .blue-to-purple.journeydiv:before {
	background: linear-gradient(to top, #6e3bea, #1a82ff);
}
.roadmap .purple-to-green {
	border-color: #6e3bea
}
.roadmap .purple-to-green.journeydiv:before {
	background: linear-gradient(to top, #26d198, #6e3bea);
}
.roadmap .green-to-blue {
	border-color: #26d198
}
.roadmap .green-to-blue.journeydiv:before {
	background: linear-gradient(to top, #1a82ff, #26d198);
}
.roadmap .blue-to-grey {
	border-color: #1a82ff
}
.journeydiv .arrow i {
	top: 50%;
	transform: rotate(90deg);
	margin: -11px 0 0 -11px
}
.roadmap .blue-to-grey.journeydiv:before {
	background: linear-gradient(to top, #f7f9fb, #1a82ff);
}
.journeydiv img {
	left: -100%;
	top: 50%;
}
.journeydiv .text-xt {
	left: 100%;
	top: 100%;
	transform: translateY(-50%);
	min-width: 120px
}
.contactus-section h1 {
	font-size: 1.6rem
}
.slider__arrow--prev {
	left: 1rem;
	color: #fff
}
.slider__arrow--next {
	right: 1rem;
	color: #fff
}
.navbar-nav .dropdown-item:active:focus, .navbar-nav .dropdown-item.active:hover {
	background: transparent !important;
}
.top-nav.fixed-me .dark-logo {
	display: none
}
.top-nav.fixed-me .white-logo {
	display: block
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.overview-box .img-fluid, .disruptive {
	max-width: 200px
}
.navbar-brand .logo {
	max-width: 180px
}
section.hero h1 {
	font-size: 1.8rem
}
.transform-business h4, .cta h4 {
	font-size: 1.4rem;
	margin: 0
}
div.footer div.linkmap div.link-col {
	text-align: center
}
.linkmap .text-left {
	text-align: center !important
}
.linkmap .text-left .footer-logo {
	margin-bottom: .5rem
}
.about-overview::before {
	display: none;
}
.about-overview {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}
.about-overview .position-relative {
	background: #f2f3f4;
}
.about-overview .mission {
	padding: 1rem 0 1rem 2rem !important
}
.aboutconent .icon {
	top: 1.25rem
}
section.hero a.btn.explore-platform, .explore-platform {
	font-size: 1rem;
	padding: 0.75rem 1.5rem 1rem
}
.content-titles {
	font-size: 1.6rem
}
#featured-topics .lightbulb {
	margin-top: 2rem
}
.labs-features .position-relative img {
	margin-top: 1.5rem
}
.contact-details .icon i {
	line-height: .6
}
.contact-details .h6 {
	padding: .5rem 0 .2rem
}
.contact-details .u-ver-divider {
	border-bottom: 1px dashed rgba(209,210,223,0.4);
}
.contact-form h2 {
	font-size: 1.6rem
}
.contact-form .form-group {
	margin-bottom: .8rem
}
.contact-form .form-control {
	height: 40px;
	font-weight: 300;
	font-size: .95rem
}
}

@media (max-height: 700px){
section.hero div.intro {
    top: 0% !important;
}
}

@media (max-width: 576px){
.tes-sec {
	width: 80%;
}
	.products-names {
    position: inherit;
    z-index: 1;
    bottom: .5rem;
    left: 0%;
    transform: translateX(0%);
    width: 100%;
}
}