/*-------Containers-------*/

.wrapper {
	background: -webkit-linear-gradient(left, #090025 0%, #2f0028 100%);
	background: -o-linear-gradient(left, #090025 0%, #2f0028 100%);
	background: linear-gradient(to right, #090025 0%, #2f0028 100%);
}

.vertical-section {
	min-height: 100vh;
}

.main {
	height: 100vh;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.image-particles {
	position: absolute;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.image-particles #canvas {
	position: absolute;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	margin-left: 30%;
	margin-top: 2%;
}

#bubbles {
	position: fixed;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.text-content {
	vertical-align: middle;
	position: absolute;
	top: 40%;
	left: 0%;
}


/*-------Typography-------*/

.title {
	/*font-family: 'Poppins', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 62px;
}

.text {
	font-size: 16px;
	position: relative;
	z-index: 3!important;
}

.heading {
	font-size: 50px;
}
.section-heading {
	font-size: 66px;
}

.primary-font {
	font-family: 'Montserrat', sans-serif;
}

.secondary-font {
	font-family: 'Jura', sans-serif;
}

.primary-font-color {
	color: #894494;
}

.secondary-font-color {
	color: #dddbfe;
}

.tertiary-font-color {
	color: #b0aeda;
}

.rainbow-font-color-title {
	text-transform: capitalize;
	background: rgb(137, 68, 148);
	background: -webkit-linear-gradient(313deg, rgba(137, 68, 148, 1) 58%, rgba(58, 54, 197, 1) 100%);
	background: -o-linear-gradient(313deg, rgba(137, 68, 148, 1) 58%, rgba(58, 54, 197, 1) 100%);
	background: linear-gradient(43deg, rgba(137, 68, 148, 1) 58%, rgba(58, 54, 197, 1) 100%);
	position: relative;
	color: transparent!important;
	-webkit-background-clip: text;
	background-clip: text;
}

.rainbow-font-color-heading {
	text-transform: capitalize;
	background: rgb(137, 68, 148);
	background: -webkit-linear-gradient(313deg, rgba(137, 68, 148, 1) 38%, rgba(58, 54, 197, 1) 100%);
	background: -o-linear-gradient(313deg, rgba(137, 68, 148, 1) 38%, rgba(58, 54, 197, 1) 100%);
	background: linear-gradient(43deg, rgba(137, 68, 148, 1) 38%, rgba(58, 54, 197, 1) 100%);
	position: relative;
	color: transparent!important;
	-webkit-background-clip: text;
	background-clip: text;
	margin: auto;
}
/*-------Pre Loader-------*/
.preloader{
	z-index: 10!important;
	position: fixed;
	height: 100vh;
	width: 100vw;
	background: -webkit-linear-gradient(left, #090025 0%, #2f0028 100%);
	background: -o-linear-gradient(left, #090025 0%, #2f0028 100%);
	background: linear-gradient(to right, #090025 0%, #2f0028 100%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.preloader .vertical-centered-box {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.preloader .vertical-centered-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.preloader .vertical-centered-box .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
}
.loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -60px;
  margin-top: -60px;
}
.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
  -o-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}
.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(121, 73, 179, 0.7);
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);}}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-moz-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-o-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-o-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
[not-existing] {
  zoom: 1;
}
/*-------Other-------*/

.nav-item {
	margin-right: 20px;
}

.nav-link {
	color: #dddbfe!important;
	font-family: 'Jura', sans-serif;
}

.hvr-underline-from-center:before {
	background: #894494;
}

.navbar-nav {
	text-align: center;
	display: inherit;
}


/*-------fantisco-glitching--------------*/


/*-------Scroll Mouse----------*/

.mouse {
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #b0aeda;
	border-bottom: 1px solid #b0aeda;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	-webkit-animation: sdb06 1.5s infinite;
	animation: sdb06 1.5s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb06 {
	0% {
		-webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

@keyframes sdb06 {
	0% {
		transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
/*--------Section Divider--------*/
.section-heading:before{
	display: inline-block;
    margin: 0 20px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #2e215d;
    width: 140px;
}
.section-heading:after{
	display: inline-block;
    margin: 0 20px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #2e215d;
    width: 140px;
}
/*--------Services----------*/
.services-image-1:after{
	position: absolute;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to left,#583991 0,#223991 100%);
    opacity: 0.55;
}
.services-image-2:after{
	position: absolute;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to left,#583991 0,#223991 100%);
    opacity: 0.55;
}
.services-image-3:after{
	position: absolute;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to left,#583991 0,#223991 100%);
    opacity: 0.55;
}
.services-overlay-heading{
	font-size: 27px;
	color: #fff!important;
	margin-top: 22%;
	z-index: 3!important;
}
.services-inner-heading{
	font-size: 27px;
	color: #fff!important;
	margin-top: 33%;
	z-index: 3!important;
}
.services-image-1{
	background: url(../images/web.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center;
}
.services-image-2{
	background: url(../images/graphics.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: left;
}
.services-image-3{
	background: url(../images/application.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center;
}
.services-row{
	height: 100%;
}
.services-col{
	height: 350px;
}
.services-inner-col{
	width: 100%;
	height: 100%;
	background: linear-gradient(to left,#583991 0,#223991 100%);
	opacity: 0.55;
	cursor: pointer;
}
/*--------Mission Section---------*/
.mission-background{
	background: url('../images/lines.png') no-repeat center right;
	overflow-x: hidden;
	padding: 4em 5.5em 5.5em 0;
	background-size: contain;
	max-width: 100%;
}
.mission-container{
	padding: 3em;
	background: linear-gradient(90deg,#18112e 0, #321635 100%);
	opacity: 1
}
.mission-inner{
	padding: 20px;
}
/*--------Contact Section---------*/
.contact-background{
	background: url('../images/lines.png') no-repeat center left;
	overflow-x: hidden;
	padding: 5.2em;
	background-size: contain;
	max-width: 100%;
}
.contact-container{
	padding: 3em;
	background: linear-gradient(90deg,#18112e 0, #321635 100%);
	opacity: 1
}
.contact-inner{
	padding: 18px;
}
.contact-input-text{
	color: #dddbfe;
    background-color: #6b44aa21;
    border: 1.4px solid #894494;
    border-radius: 0.2rem;
}
.contact-input-text:focus{
	color: #dddbfe;
    background-color: #6b44aa21;
    border-color: rgba(109, 68, 168, 0.38);
    box-shadow: 0 0 0 0.14rem rgba(109, 68, 168, 0.38);
}
::placeholder{
	color: #ba62c75c!important;
	opacity: 1;
}
:-ms-input-placeholder { 
    color: #ba62c75c!important;
}

::-ms-input-placeholder { 
    color: #ba62c75c!important;
}
/*--------About Us Section----------*/

.about-text{
	padding-left: 109px;
	position: relative;
}
.about-text:before{
	content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 78px;
    height: 2px;
    background: #7c167f;
}
.about-social{
	padding-left: 109px;
	display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.about-social-link{
	width: 46px;
    height: 46px;
    margin-right: 50px;
    border-radius: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-social-link>svg{
	fill: #fff;
}
.about-social-link:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #b836c6;
    border-right: 2px solid transparent;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.about-social-link:hover::before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    opacity:0
}
.about-social-link:hover svg{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
/*--------Vertical Bar----------*/
#section-bar {
	position: fixed;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

#section-bar ul {
	list-style: none;
}

#section-bar li {
	text-align: left;
}

#section-bar a {
	font-family: 'Jura', sans-serif;
	display: inline-block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#section-bar a:after {
	content: "";
	display: table;
	clear: both
}

#section-bar a span {
	display: inline-block;
	float: left;
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
}

#section-bar a:hover span {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

#section-bar a:hover .section-label {
	opacity: 1
}

#section-bar a.is-selected .section-dot {
	background-color: #dddbfe;
}

#section-bar .section-dot {
	position: relative;
	top: 8px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #894494;
	-webkit-transition: -webkit-transform .2s, background-color .5s;
	-moz-transition: -moz-transform .2s, background-color .5s;
	transition: transform .2s, background-color .5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

#section-bar .section-label {
	position: relative;
	margin-left: 2px;
	padding: .2em .5em;
	color: #dddbfe;
	font-size: 14px;
	font-size: .875rem;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
	opacity: 0;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
/*--------Footer------------*/
.footer{
	padding: 20px;
}
.footer-link{
	text-decoration: none!important;
	color: #fff!important;
}
.footer-heart{
	fill: red;
}
#map i{
	width: 100%;
    border-radius: 100px;
    margin-bottom: 20px;
    font-size: 70px;
    position: absolute;
    left: 0;
    top: -15px;
    z-index: -1;
    opacity: 0.1;
    color: #b700da;
}
/*--------Buttons------------*/

.btn-fantisco-cont {
	text-align: center;
}

.btn-fantisco-cont .btn-fantisco {
	position: relative;
	padding: 20px 70px;
	border: 1px solid #894494;
	text-decoration: none;
	font-size: 1.125em;
	font-family: 'Jura', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	color: #dddbfe!important;
	border-radius: 0px;
}

.btn-fantisco-cont .btn-fantisco:hover {
	border: none;
}

.btn-fantisco-cont .btn-fantisco:hover .line-1 {
	-webkit-animation: move1 1500ms infinite ease;
	animation: move1 1500ms infinite ease;
}

.btn-fantisco-cont .btn-fantisco:hover .line-2 {
	-webkit-animation: move2 1500ms infinite ease;
	animation: move2 1500ms infinite ease;
}

.btn-fantisco-cont .btn-fantisco:hover .line-3 {
	-webkit-animation: move3 1500ms infinite ease;
	animation: move3 1500ms infinite ease;
}

.btn-fantisco-cont .btn-fantisco:hover .line-4 {
	-webkit-animation: move4 1500ms infinite ease;
	animation: move4 1500ms infinite ease;
}

.btn-fantisco-cont .line-1 {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	background-color: #894494;
	left: 0;
	bottom: 0;
}

.btn-fantisco-cont .line-2 {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background-color: #894494;
	left: 0;
	top: 0;
}

.btn-fantisco-cont .line-3 {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	background-color: #894494;
	right: 0;
	top: 0;
}

.btn-fantisco-cont .line-4 {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background-color: #894494;
	right: 0;
	bottom: 0;
}

@-webkit-keyframes move1 {
	0% {
		height: 100%;
		bottom: 0;
	}
	54% {
		height: 0;
		bottom: 100%;
	}
	55% {
		height: 0;
		bottom: 0;
	}
	100% {
		height: 100%;
		bottom: 0;
	}
}

@keyframes move1 {
	0% {
		height: 100%;
		bottom: 0;
	}
	54% {
		height: 0;
		bottom: 100%;
	}
	55% {
		height: 0;
		bottom: 0;
	}
	100% {
		height: 100%;
		bottom: 0;
	}
}

@-webkit-keyframes move2 {
	0% {
		width: 0;
		left: 0;
	}
	50% {
		width: 100%;
		left: 0;
	}
	100% {
		width: 0;
		left: 100%;
	}
}

@keyframes move2 {
	0% {
		width: 0;
		left: 0;
	}
	50% {
		width: 100%;
		left: 0;
	}
	100% {
		width: 0;
		left: 100%;
	}
}

@-webkit-keyframes move3 {
	0% {
		height: 100%;
		top: 0;
	}
	54% {
		height: 0;
		top: 100%;
	}
	55% {
		height: 0;
		top: 0;
	}
	100% {
		height: 100%;
		top: 0;
	}
}

@keyframes move3 {
	0% {
		height: 100%;
		top: 0;
	}
	54% {
		height: 0;
		top: 100%;
	}
	55% {
		height: 0;
		top: 0;
	}
	100% {
		height: 100%;
		top: 0;
	}
}

@-webkit-keyframes move4 {
	0% {
		width: 0;
		right: 0;
	}
	55% {
		width: 100%;
		right: 0;
	}
	100% {
		width: 0;
		right: 100%;
	}
}

@keyframes move4 {
	0% {
		width: 0;
		right: 0;
	}
	55% {
		width: 100%;
		right: 0;
	}
	100% {
		width: 0;
		right: 100%;
	}
}


/*-------Scroll Bar-----------*/

::-webkit-scrollbar {
	width: 3px;
	height: 4px
}

::-webkit-scrollbar-thumb {
	background-color: #b836c6;
	border-radius: 100px
}
/*------Pages------*/
#services .text-content{
	top:25%;
}

/*-------Media Queries-------*/

@media(max-width: 1195px) {
	.title {
		font-size: 45px;
	}
	.btn-fantisco-cont .btn-fantisco {
		padding: 18px 65px;
		font-size: 16px;
	}
	.section-heading{
		font-size: 50px;
	}
	.heading{
		font-size: 43px;
	}
	.services-overlay-heading{
		font-size: 20px;
	}
	.services-inner-heading{
		font-size: 20px;
	}
	.section-heading:before{
		display: inline-block;
	    margin: 0 17px 17px;
	    height: 3px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 120px;
	}
	.section-heading:after{
		display: inline-block;
	    margin: 0 17px 17px;
	    height: 3px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 120px;
	}
}

@media(max-width: 960px) {
	.title {
		font-size: 35px;
	}
	.section-heading{
		font-size: 40px;
	}
	.heading{
		font-size: 36px;
	}
	.services-overlay-heading{
		font-size: 20px;
	}
	.services-inner-heading{
		font-size: 20px;
	}
	.section-heading:before{
		display: inline-block;
	    margin: 0 13px 13px;
	    height: 3px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 110px;
	}
	.section-heading:after{
		display: inline-block;
	    margin: 0 13px 13px;
	    height: 3px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 110px;
	}
	.btn-fantisco-cont .btn-fantisco {
		padding: 16px 58px;
		font-size: 14px;
	}
}
@media(max-width: 992px){
	.about-social-link{
		margin-right: 15px;
	}
}
@media(max-width: 768px) {
	#section-bar {
		display: none;
	}
	.mission-background{
		background: none;
		padding: 0;
		max-width: 100%;
	}
	.mission-inner{
		padding: 5px;
	}
	.contact-background{
		background: none;
		padding: 0;
		max-width: 100%;
	}
	.contact-inner{
		padding: 5px;
	}
	.services-overlay-heading{
		font-size: 30px;
		margin-top: 16%;
	}
	.services-inner-heading{
		font-size: 30px;
	}
}

@media(max-width: 720px) {
	.title {
		font-size: 25px;
	}
	.section-heading{
		font-size: 30px;
	}
	.heading{
		font-size: 25px;
	}
	.section-heading:before{
		display: inline-block;
	    margin: 0 10px 9px;
	    height: 2px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 65px;
	}
	.section-heading:after{
		display: inline-block;
	    margin: 0 10px 9px;
	    height: 2px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 65px;
	}
}

@media(max-width: 576px) {
	.wrapper {
		background: rgb(47, 0, 40);
		background: -webkit-linear-gradient(99deg, rgba(47, 0, 40, 1) 0%, rgba(9, 0, 37, 1) 36%);
		background: -o-linear-gradient(99deg, rgba(47, 0, 40, 1) 0%, rgba(9, 0, 37, 1) 36%);
		background: linear-gradient(189deg, rgba(47, 0, 40, 1) 0%, rgba(9, 0, 37, 1) 36%);
	}
	.btn-fantisco-cont .btn-fantisco {
		padding: 10px 45px;
		font-size: 10px;
	}
	.section-heading{
		font-size: 25px;
	}
	.heading{
		font-size: 22px;
	}
	.services-overlay-heading{
		margin-top: 30%;
	}
	.services-inner-heading{
	}
	.section-heading:before{
		display: inline-block;
	    margin: 0 8px 7px;
	    height: 2px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 50px;
	}
	.section-heading:after{
		display: inline-block;
	    margin: 0 8px 7px;
	    height: 2px;
	    content: " ";
	    text-shadow: none;
	    background-color: #2e215d;
	    width: 50px;
	}
	#contact-us{
		min-height: 100%!important;
	}

}

@media (max-height: 575px) {
	.mouse-link {
		display: none;
	}
}

@media(max-height: 460px) {
	#home .btn-fantisco-cont {
		display: none;
	}
}


/*-------Theme Steps----------*/
.work-flow-image-1{
	background: url(../images/step_img_1.png) no-repeat 50% 0;
}
.work-flow-image-2{
	background: url(../images/step_img_2.png) no-repeat 50% 0;
}
.work-flow-image-3{
	background: url(../images/step_img_3.png) no-repeat 50% 0;
}
.work-flow-image-4{
	background: url(../images/step_img_4.png) no-repeat 50% 0;
}
.fantisco-steps .fantisco-step-wrap {
	display: block;
	width: auto;
	text-align: center;
	margin: 0 auto;
}

.fantisco-steps .fantisco-step-wrap>* {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto;
}

.fantisco-steps .fantisco-step-wrap .inner-step-left-part {
	text-align: center;
	max-width: 400px;
}

.fantisco-steps .fantisco-step-wrap .inner-step-left-part .step-title {
	width: 100%;
}

.fantisco-steps .fantisco-step-wrap .inner-step-right-part {
	margin-top: 20px;
	max-width: 400px;
}

.ds .fantisco-steps .fantisco-step-wrap .inner-step-right-part {
	color: rgba(255, 255, 255, 0.7);
}

.fantisco-steps .fantisco-step-wrap .inner-step-center-part {
	max-width: 270px;
    max-height: 270px;
    margin: auto;
}
.fantisco-steps .fantisco-step-wrap:nth-child(odd) .step-title {
	margin-bottom: 30px;
	text-align: center;
}
.fantisco-steps .fantisco-step-wrap:nth-child(even) .step-title {
	margin-bottom: 30px;
	text-align: center;
}
.bg-layer{
	background: linear-gradient(to left,#583991 0,#223991 100%);
	opacity: 0.55;
	cursor: pointer;
	width: 270px;
    height: 270px;
    border-radius: 360px;
}

/* Steps counter */

{
	counter-reset: number;
}

.step-title {
	position: relative;
	z-index: 1;
}

.fantisco-step-wrap+.fantisco-step-wrap {
	margin-top: 30px;
}


/* Responsive */

@media (min-width: 992px) {
	.step-title {
		margin-bottom: 0;
		font-family: 'Montserrat', sans-serif;
	}
	.step-title:before {
		top: -73px;
		width: 100%;
		font-size: 200px;
	}
	.fantisco-steps .fantisco-step-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.fantisco-steps .fantisco-step-wrap .inner-step-right-part {
		margin-top: 0;
		text-align: left;
		max-width: 100%;
	}
	.fantisco-steps .fantisco-step-wrap .inner-step-center-part {
		position: relative;
	}
	.arrow:after {
		content: '';
		background-image: url(../images/right_arrow.png);
		background-repeat: no-repeat;
		position: absolute;
		display: block;
		width: 34px;
		height: 136px;
		z-index: 4;
		bottom: -100px;
		right: 20px;
	}
	.ls .arrow:after {
		background-image: url(../images/right_arrow_dark.png);
	}
	.fantisco-steps .fantisco-step-wrap:nth-child(even) {
		flex-direction: row-reverse;
	}
	.fantisco-steps .fantisco-step-wrap:nth-child(even) .arrow:after {
		background-image: url(../images/left_arrow.png);
		right: auto;
		left: 20px;
	}
	.ls .fantisco-steps .fantisco-step-wrap:nth-child(even) .arrow:after {
		background-image: url(../images/left_arrow_dark.png);
	}
	.fantisco-steps .fantisco-step-wrap:nth-child(even) .inner-step-right-part {
		text-align: right;
	}
	.fantisco-steps .fantisco-step-wrap:last-child .arrow:after {
		display: none;
	}
	.fantisco-steps .fantisco-step-wrap>* {
		flex-basis: 33.3%;
	}
	.fantisco-step-wrap+.fantisco-step-wrap {
		margin-top: 60px;
	}
}

@media (min-width: 1200px) {
	.fantisco-steps .fantisco-step-wrap .arrow:after {
		right: 40px;
	}
	.fantisco-steps .fantisco-step-wrap:nth-child(even) .arrow:after {
		left: 40px;
	}
}
/*---------fantisco-glitching Effect------------*/
body{
	--fantisco-glitching-width: 100vw;
	--fantisco-glitching-height: 100vh;
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--time-anim: 2.5s;
	--delay-anim: 0.5s;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #af4949;
}
.loaded .fantisco-glitching-title{
	animation-name: fantisco-glitching-anim-text;
	animation-duration: var(--time-anim);
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
}
.fantisco-glitching--style-1 {
    --gap-horizontal: 7px;
    --gap-vertical: 2px;
    --time-anim: 2.25s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: none;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: transparent;
    --blend-color-5: transparent;
}
.fantisco-glitching{
	position: relative;
    overflow: hidden;
}
.inner-step-center-part .fantisco-glitching-img {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    left: calc(-1 * var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal) * 2);
    height: calc(100% + var(--gap-vertical) * 2);
    transform: translate3d(0,0,0);
    background-blend-mode: var(--blend-mode-1);
    z-index: -1!important;
}
.services-col .fantisco-glitching-img {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    height: calc(100% + var(--gap-vertical) * 2);
    transform: translate3d(0,0,0);
    background-blend-mode: var(--blend-mode-1);
    z-index: 0!important;
    padding: 30px;
}
/* Set the background colors for the fantisco-glitching images*/
.fantisco-glitching-img:nth-child(2) {
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
}

.fantisco-glitching-img:nth-child(3) {
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
}

.fantisco-glitching-img:nth-child(4) {
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
}

.fantisco-glitching-img:nth-child(5) {
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
}

/* Hide all images except the first one */
.fantisco-glitching-img:nth-child(n+2) {
	opacity: 0;
}

/* Hovers */

/* On hover we show the 2nd, 3rd, 4th and 5th image*/
.fantisco-glitching:hover .fantisco-glitching-img:nth-child(n+2) {
	opacity: 1;
}

/* Hover animations for horizontal case */
.fantisco-glitching:hover .fantisco-glitching-img:nth-child(2) {
	transform: translate3d(var(--gap-horizontal),0,0);
	animation: fantisco-glitching-anim-1-horizontal var(--time-anim) infinite linear alternate;
}

.fantisco-glitching:hover > .fantisco-glitching-img:nth-child(3) {
	transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	animation: fantisco-glitching-anim-2-horizontal var(--time-anim) infinite linear alternate;
}

.fantisco-glitching:hover > .fantisco-glitching-img:nth-child(4) {
	transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	animation: fantisco-glitching-anim-3-horizontal var(--time-anim) infinite linear alternate;
}
/* Hover flash animation on last image */
.fantisco-glitching:hover > .fantisco-glitching-img:nth-child(5) {
	animation: fantisco-glitching-anim-flash 0.5s steps(1,end) infinite;
}

/* Animations */

/* Horizontal */
@keyframes fantisco-glitching-anim-1-horizontal {
	0% { 
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	10% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	20% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	30% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	40% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	50% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	60% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	70% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	80% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	90% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	100% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
}

@keyframes fantisco-glitching-anim-2-horizontal {
	0% { 
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	15% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	22% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	31% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	45% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	51% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	63% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	76% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	81% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	94% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	100% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
}

@keyframes fantisco-glitching-anim-3-horizontal {
	0% { 
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	10% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	25% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	27% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	30% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	33% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	37% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	40% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	45% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	50% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	53% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	57% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	60% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	65% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	70% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	73% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	80% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	100% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
}
@keyframes fantisco-glitching-anim-text {
	0% { 
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Flash */
@keyframes fantisco-glitching-anim-flash {
	0% { 
		opacity: 0.2; 
		transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	33%, 100% { 
		opacity: 0;
		transform: translate3d(0,0,0);
	}
}