/*------------------------------------------------------------------
Project:	Aruba - Minimal Ajax Portfolio Template
Version:	1.0
Last change:	11/07/2018
Assigned to:	ClaPat
Primary use:	Showcase Portfolio
-------------------------------------------------------------------*/


@import url("css/portfolio.css");
@import url("css/shortcodes.css");
@import url("css/assets.css");


/*------------------------------------------------------------------

01. General Styles
02. Page Overlay
03. Header Elements
04. Overlay Menu
05. Hero Section
06. Main Content
07. Footer Elements
08. Responsive Media Querries

-------------------------------------------------------------------*/


/*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/

	html,body{
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		font-size:14px;
		height:100%;
		width:100%;
		color:#fff;
		background-color:#250649;-webkit-backface-visibility: hidden;
	}

	html {
		box-sizing: border-box;
		margin-right: 0px!important;
		overflow: visible!important;
	}

	body {
	  overflow-x: hidden;
	  overflow-y: scroll;
	}

	body.hidden {
		opacity:0;
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}

	article,
	aside,
	details,
	figcaption,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}

	audio,
	canvas,
	 {
		display: inline-block;
		max-width: 100%;
	}

	address {
		font-style: italic;
		margin-bottom: 24px;
	}

	abbr[title] {
		border-bottom: 1px dotted #2b2b2b;
		cursor: help;
	}

	b,
	strong {
		font-weight: 400;
		color:#fff;
	}

	cite,
	dfn,
	em,
	i {
		font-style: italic;
	}

	mark,
	ins {
		background: none repeat scroll 0 0 #fff;
		text-decoration: none;
		color:#fff;
		font-family: "Montserrat",sans-serif;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 4px;
		text-transform: uppercase;
		padding:2px 5px;
		margin-bottom:10px;
		display:inline-block;
	}

	code,
	kbd,
	tt,
	var,
	samp,
	pre {
		font-family: monospace, serif;
		font-size: 15px;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		line-height: 1.6;
	}

	pre {
		border: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin-bottom: 24px;
		max-width: 100%;
		overflow: auto;
		padding: 12px;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}

	blockquote,
	q {
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: "";
		content: none;
	}

	blockquote {
		color: #fff;
		font-size: 18px;
		font-style: italic;
		font-weight: 300;
		line-height: 30px;
		margin-bottom: 24px;
		font-family:Georgia, "Times New Roman", Times, serif;
		border-left:2px #ddd solid;
		padding:20px 20px 20px 40px;
		letter-spacing: 0.01em;
	}

	.light-content blockquote {
		color: #fff;
	}

	blockquote span {
		display:block;
		margin-top:20px;
		font-weight:400;
		font-size:12px;
		font-style:normal;
		font-family: Verdana,Geneva,sans-serif;
		color:#fff;
	}

	blockquote cite,
	blockquote small {
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}

	blockquote em,
	blockquote i,
	blockquote cite {
		font-style: normal;
	}

	blockquote strong,
	blockquote b {
		font-weight: 400;
	}

	small {
		font-size: smaller;
	}

	big {
		font-size: 125%;
	}

	sup,
	sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {
		bottom: 1ex;
	}

	sub {
		top: .5ex;
	}

	dl {
		margin-bottom: 24px;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin-bottom: 24px;
	}

	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}

	ul {
		list-style: disc;
	}

	ol {
		list-style: decimal;
	}

	li > ul,
	li > ol {
		margin: 0 0 0 20px;
	}

	li {
		line-height: 20px;

		margin-bottom:10px;
	}

	.light-content li {
		color:#fff;
	}

	figure {
		margin:0;
		position:relative;
		display: block;
	}

	figure img {
		max-width:100%;
	}

	.figure-img-bg {background: #24074D}

	.full img {
		width:100vw;
	}

	.full img.right {float:right;     margin-bottom: -200px;}

	figcaption {
		background-color: rgba(255,255,255,.8);
		bottom: 25px;
		color: #111;
		font-weight:400;
		font-size: 12px;
		padding: 10px 20px;
		position: absolute;
		right: 25px;
		z-index: 10;
		border-radius:3px
	}

	fieldset {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0 0 24px;
		padding: 0;
	}

	legend {
		white-space: normal;
	}

	button,	input {
		line-height: normal;
	}

	select {
		-webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#fff' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
	}

	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}

	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
	}

	button[disabled],
	input[disabled] {
		cursor: default;
	}

	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
	}

	input[type="search"] {

		-webkit-appearance: textfield;
	}

	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	textarea {
		overflow: auto;
		vertical-align: top;
	}

	table, th, td {
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;
		width: 100%;
	}

	caption, th, td {
		font-weight: normal;
		text-align: left;
	}

	th {
		border-width: 0 1px 1px 0;
		font-weight: bold;
	}

	td {
		border-width: 0 1px 1px 0;
	}

	del {
		color: #fff;
	}

	hr {
		border: 0;
		height: 25px;
		width:100%;
		float:none;
		margin:0;
		display:inline-block;
	}

	hr.small {
		height:20px;
	}

	hr:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}

	::selection {
		background: #3C04B5;
		color: #fff;
		text-shadow: none;
	}

	::-moz-selection {
		background: #fff;
		color: #fff;
		text-shadow: none;
	}

	img {
		border: 0 none;
		max-width: 100%;
		vertical-align: middle;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 600;

		margin-bottom:10px;
		text-align: left;
	}

	h1.big-title{
		font-size: 80px;
		font-style: normal;
		font-weight: 600;
		line-height: 110px;
		margin-left:-7px;
	}

	h1{
		font-size:48px;
		line-height: 60px;
	}

	h2{
		font-size: 36px;
		line-height: 48px;
	}
			h2.big-title{
		font-size: 56px;
		font-style: normal;
		font-weight: 600;
		line-height: 63px;
		margin-left:-7px;
		padding-right: 20px;
	}
	h3{
		font-size:30px;
		line-height: 40px;
		margin-left:-1px;

	}

	h4{
		font-size:24px;
		line-height: 36px;
		margin-left:-1px;
	}

	h5{
		font-size:18px;
		line-height: 24px;
		margin-left:-1px;
	}

	h6{
		font-size:14px;
		line-height: 18px;
	}

	.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6 {
		color: #fff!important;
	}

	.light-content p {
		color:rgba(255,255,255,0.5);
	}

	.title-has-line {
		position:relative;
		margin-bottom:25px;
	}

	.title-has-line::after {
		background: none repeat scroll 0 0 #fff;
		bottom: 20px;
		content: "";
		height: 1px;
		left: -40px;
		position: absolute;
		width: 25px;
	}

	p.title-has-line {
		position:relative;
		margin-bottom:5px;
		font-size:12px;
	}

	p.title-has-line::after {
		background: none repeat scroll 0 0 #fff;
		bottom: 14px;
		content: "";
		height: 1px;
		left: -30px;
		position: absolute;
		width: 16px;
	}

	.light-content .title-has-line::after {
		background: none repeat scroll 0 0 rgba(255,255,255,0.3);
	}

	p {
		font-size:16px;
		margin-bottom:10px;
		line-height:28px;
		color:#fff;
	}
	p.small {font-size: 12px; opacity: .6; line-height: 1.4em; padding-top:10px;}
	p.no-margins {
		margin-bottom:0;
	}

	.bigger {
		font-size: 24px;
		font-weight: 400;
		line-height:36px;
		color:#fff;
	}

	.smaller {
		font-size: 12px;
	}

	.container {
		max-width:1580px;
		width:100%;
		margin:0 auto;
		padding: 0 220px;
		box-sizing:border-box;
	}

	.small .container {
		max-width:900px;
		width:100%;
		margin:0 auto;
		padding: 0 50px;
		box-sizing:border-box;
	}

	.large .container {
		width: 100%;
		max-width: 100%;
		padding: 0 130px;
	}

	.full .container {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	.container::after {
		clear: both;
		content: " ";
		display: table;
	}

	a:hover, a:active {
	  outline: 0;
	  color: #fff;
	}

	a {
		text-decoration: none;
		color: #fff;
		outline: 0;
	}

	a:hover {
		text-decoration:none;
	}

	.one_half {
    	width: 47%;
	}

	.one_third {
		width: 30.6%;
	}

	.one_fourth {
		width: 22%;
	}

	.one_fifth {
		width: 16.8%;
	}

	.one_sixth {
		width: 13.33%;
	}

	.two_fifth {
		width: 37.6%;
	}

	.two_fourth {
		width: 48%;
	}

	.two_third {
		width: 65.33%;
	}

	.three_fifth {
		width: 58.4%;
	}

	.three_fourth {
		width: 74%;
	}

	.four_fifth {
		width: 79.2%;
	}

	.five_sixth {
		width: 82.67%;
	}

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}

	.last {
		margin-right:0px;
	}

	.text-align-center {
		text-align:center;
	}

	.text-align-left {
		text-align:left;
	}

	.outer {
		display:table;
		width:100%;
		height:100%;
	}

	.inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.vc_row {
		position:relative;
		z-index:1;
		opacity:1;
	}

	.row_padding_top {
		padding-top:120px;
	}

	.row_padding_bottom {
		padding-bottom:100px;
	}


.textGradientPink {

  background: linear-gradient(45deg, #FF0AAE 0%, #FF0476 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block


}
.service-info-text p {font-size: 16px; font-weight: 400; line-height: 25px; padding-bottom:10px}
.service-info-text h3 {padding-top:20px}
.service-info-text h4 {line-height: 18px}
.js-hide {font-size: 1px; width: 1px; height:1px; overflow: hidden; opacity: 0; position: relative; left: -2000px}


/*--------------------------------------------------
	ACCORDIAN
---------------------------------------------------*/


.accordion {
	background: ;
	max-width: 100%;
	width:100%;
	color: #4B3762;
	margin: 0 auto;
	border: 1px solid #482E67;
	background: #250649

}

.accordion p, .accordion h4, .accordion h3 {color: #4B3762;}

.accordion-header {
	border-bottom: 1px solid #482E67;
	font-size: 24px;
	color: #fff;
	cursor: pointer;

	padding: 1.5rem;
}

.accordion-header.active, .accordion-header.active:hover {
	border-bottom: 1px solid #fff;
	color: #4B3762;
	cursor: pointer;
	font-weight: 400;
	padding: 1.5rem;
	background: #fff;
}


.accordion-header:hover {
	background: #482E67;
}

.accordion-content {
	display: none;
	border-bottom: 1px solid #482E67;
	background: #FFFFFF;
	padding: 1.5rem 6rem 3.5rem 3rem;
	color: #4B3762;
}

.accordion-header::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	background-color: #5A3D7C;
	margin-right: .75rem;
}

.active.accordion-header::before {
	background-color: #FF0476;
}



/*--------------------------------------------------
	Price Table
---------------------------------------------------*/

.price-table {

  color: #7a90ff;
  padding: 2em 0 2em;
  min-height: 60vh;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

.pricing {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 3em;
}
.pricing-item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
  -webkit-flex: 0 1 330px;
  flex: 0 1 330px;
}
.pricing-item .clapat-button {position: absolute; bottom: 0; right:0; left: 0; margin-bottom: 0px}
.pricing-action {
  color: inherit;
  border: none;
  background: none;
}
.pricing-action:focus {
  outline: none;
}

.pricing-feature-list {
  text-align: left;
  color: #250649;

}

.pricing-palden .pricing-item {

  cursor: default;
  color: #84697c;
  background: #fff;
  box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
  border-radius: 4px 4px 2px 2px;
  margin: 1em;
}

.pricing__item--featured .pricing-feature-list {padding-bottom: 3em !important;}

@media screen and (min-width: 66.25em) {
  .pricing-palden .pricing-item {
    margin: 1em -0.5em;
  }

  .pricing-palden .pricing__item--featured {
    margin: 0;
    z-index: 10;
    box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
  }
}
.pricing-palden .pricing-deco {
  border-radius: 4px 4px 0 0;
  background: rgba(0,89,254,1);
background: -moz-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,89,254,1)), color-stop(45%, rgba(0,42,252,1)), color-stop(100%, rgba(0,42,252,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: linear-gradient(135deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059fe', endColorstr='#002afc', GradientType=1 );
  padding: 4em 0 1em;
  position: relative;
}

.pricing-palden .pricing-deco-purple {
  border-radius: 4px 4px 0 0;
  background: #3C04B5;
  padding: 4em 0 1.6em;
  position: relative;
}

.pricing-palden .pricing-title {
    font-size: 1.4em;
    margin: 25px 25px 15px 25px;
    text-align: center;
    line-height: 1.5em;
    color: #fff;
    font-weight: 300;
    padding: 0 5px 20px;
}


.pricing-palden .icon {
  font-size: 2.5em;
}
.pricing-palden .pricing-price {
  font-size: 3em;
  font-weight: bold;
  padding: 0;
  color: #fff;
  margin: 10px 0 0.25em 0;
  line-height: 0.75;

}
.pricing-palden .pricing-currency {
  font-size: 0.15em;
  vertical-align: top;
}
.pricing-palden .pricing-period {
  font-size: 0.15em;
  padding: 0 0 0 0.5em;
  font-style: italic;
}
.pricing-palden .pricing__sentence {
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 0 0 0.5em;
}
.pricing-palden .pricing-feature-list {
  margin: 0;
  padding: 2.25em 0 2.5em;
  list-style: none;
  text-align: center;
}
.pricing-palden .pricing-feature {
  padding: 1em 0;
  color: #250649;
      border-bottom: 1px solid #eee;
}
.pricing-palden .pricing-action {
  font-weight: bold;
  margin: auto 3em 2em 3em;
  padding: 1em 2em;
  color: #fff;
  border-radius: 30px;
  background: #4d4766;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.pricing-palden .pricing-action:hover, .pricing-palden .pricing-action:focus {
  background-color: #100A13;
}

.pricing-palden .pricing-item--featured .pricing-deco {
  padding: 5em 0 8.885em 0;
}



/*--------------------------------------------------
	CARDS
---------------------------------------------------*/
.cardbox {height: auto; position: relative; min-height: 320px}
.cardbox .whitesolid {
-webkit-box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
background: #fff;
border: 0px solid #000000;
color: #250649;

    padding: 40px;
    width: calc(100% - 60px);
    margin: 20px 0;

    position: relative;
    left: -20px;
}

.whitesolid h2 {color: #250649}
.whitesolid .boxLabel {color: #0041FD}

.cardbox .redgrad {
-webkit-box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;
background: rgba(255,10,173,1);
background: -moz-linear-gradient(-45deg, rgba(255,10,173,1) 0%, rgba(255,4,117,1) 51%, rgba(255,4,117,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,10,173,1)), color-stop(51%, rgba(255,4,117,1)), color-stop(100%, rgba(255,4,117,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,10,173,1) 0%, rgba(255,4,117,1) 51%, rgba(255,4,117,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,10,173,1) 0%, rgba(255,4,117,1) 51%, rgba(255,4,117,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,10,173,1) 0%, rgba(255,4,117,1) 51%, rgba(255,4,117,1) 100%);
background: linear-gradient(135deg, rgba(255,10,173,1) 0%, rgba(255,4,117,1) 51%, rgba(255,4,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0aad', endColorstr='#ff0475', GradientType=1 );
color: #fff;
    padding: 40px;
    width: calc(100% - 60px);
    margin: 20px 0;

    position: relative;
    left: -20px;
}

.cardbox .bluegrad {
-webkit-box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
box-shadow: 0px 28px 104px -35px rgba(0,0,0,0.65);
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;
background: rgba(0,89,254,1);
background: -moz-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,89,254,1)), color-stop(45%, rgba(0,42,252,1)), color-stop(100%, rgba(0,42,252,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
background: linear-gradient(135deg, rgba(0,89,254,1) 0%, rgba(0,42,252,1) 45%, rgba(0,42,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059fe', endColorstr='#002afc', GradientType=1 );
color: #fff;
    padding: 40px;
    width: calc(100% - 60px);
    margin: 20px 0;

    position: relative;
    left: -20px;
}


.header-watermark-icon {opacity: .07;
    position: absolute;
    width: 40%;
    max-width: 310px;
    top: 50px;
    left: 130px;
    /* right: 20px; */
    padding-left: 40px;}
.cardbox.stretch {height:auto!important}
.cardbox .large-quote-icon {
        font-size: 21em;
    opacity: 1;
    position: absolute;
    top: 104px;
    color: #fff;
    z-index: 1;}

    .cardbox h2 {z-index: 2}
	.cardbox .boxLabel {    font-weight: bold;
    color: #250649;}

.step-counter-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.step-counter-list li {
  counter-increment: step-counter;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 27px
}

.step-counter-list li::before {
content: counter(step-counter);
    margin-right: 1px;
    font-size: 140%;
    background-color: transparent;
    color: white;
    font-weight: 600;
padding: 0px 12px 16px 0px;

    width: 30px;
    height: 48px;
    line-height: 39px;
	text-align: center;
	display: block;
	float:left;
	clear: both

}


.diagBox {min-height: 680px; margin-top: -300px; z-index: 0}
.moveUp100 {position: relative; margin-top: -100px; }
.moveUp200 {position: relative; margin-top: -220px; }
.moveUp400 {position: relative; margin-top: -390px;}
.moveUp500 {position: relative; margin-top: -390px;}
.moveUp600 {position: relative; margin-top: -550px;}
.moveUp500b {position: relative; margin-bottom: -440px;}
.moveUp100b {position: relative; margin-bottom: -140px;}
.moveUp200b {position: relative; margin-bottom: -240px;}
/*--------------------------------------------------
	02. Main
---------------------------------------------------*/

	main {
		-webkit-transition: background 0.4s ease-in-out 0s;
		transition: background 0.4s ease-in-out 0s;
	}

	#magic-cursor {
	  position: absolute;
	  left:0;
	  top:0;
	  width: 30px;
	  height: 30px;
	  pointer-events: none;
	  z-index:10000;
	  display: none
	}

	#ball {
		position: fixed;
		transform: translate(-50%, -50%);
		width: 30px;
		height: 30px;
		border: 2px solid #fff;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;
	}

	.mfp-zoom-out-cur #ball {
		opacity:0;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}

	.light-content #ball, #ball.light-content, .night-mode #ball, .over-menu #ball {
		border: 2px solid #fff;
		border-color:#fff!important;
	}

	#ball:before {
		font-family: FontAwesome;
		content: "\f053";
		font-size:6px;
		width:4px;
		height:8px;
		line-height:8px;
		text-align:center;
		position:absolute;
		left:-12px;
		top:9px;
		color:#fff;
		opacity:0;
		transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	#ball:after {
		font-family: FontAwesome;
		content: "\f054";
		font-size:6px;
		width:4px;
		height:8px;
		line-height:8px;
		text-align:center;
		position:absolute;
		right:-10px;
		top:9px;
		color:#fff;
		opacity:0;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-up #ball:before, .scale-up #ball:after {
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	}

	#ball i {
		color:#fff;
		width:29px;
		height:30px;
		line-height:28px;
		text-align:center;
		font-size:6px;
		display:block;
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-up #ball i {
		opacity:0;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	}

	#ball.with-icon i {
		width:27px;
	}

	#ball.close-icon i {
		color:#fff;
		width:27px;
		font-size:8px;
	}

	#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
		display:block;
	}

	#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
		display:none;
	}

	#ball-loader {
		width: 40px;
		height: 40px;
		position:absolute;
		background-color: transparent;
		border-right: 2px solid transparent;
		border-bottom: 2px solid #fff;
		border-left: 2px solid transparent;
		border-top: 2px solid transparent;
		border-radius: 50px;
		box-sizing: border-box;
		opacity:0;
		transform: translate(-9px, -9px) rotate(0deg);
		-webkit-animation: rotating 0.8s ease-in-out infinite;
		animation: rotating 0.8s ease-in-out infinite;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}

	.light-content #ball-loader, .night-mode #ball-loader, .over-menu #ball-loader {
		border-bottom: 2px solid #fff;
	}

	.show-loader #ball-loader {
		opacity:1;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}

	@keyframes rotating {
      0% {
		-webkit-transform: translate(-7px, -7px) rotate(0deg);
		transform:  translate(-7px, -7px) rotate(0deg);
      }

	  95% {
        -webkit-transform:  translate(-7px, -7px) rotate(350deg);
		transform:  translate(-7px, -7px) rotate(350deg);
      }

      100% {
        -webkit-transform:  translate(-7px, -7px) rotate(360deg);
		transform:  translate(-7px, -7px) rotate(360deg);
      }
	}

	.show-loader a {
		pointer-events:none;
	}

	#rotate-device {
		width:100%;
		height:100%;
		position:fixed;
		z-index:1000;
		top:0;
		left:0;
		background-color:#FFF;
		background-image:url(images/rotate.png);
		background-size:100px 100px;
		background-position:center;
		background-repeat:no-repeat;
		display:none;
	}

	.footer-shadow {box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1); margin-bottom: 60px; }

/*--------------------------------------------------
	02. Page Overlay
---------------------------------------------------*/

	.preloader-wrap {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		background-color:#250649;
		z-index : 2000;
		text-align:center;
	}

	.percentage {
		z-index: 100;
		color: #fff;
		opacity:1;
		font-weight: 700;
		font-size:200px;
		line-height:200px;
		color:rgba(255,255,255,0.05);
	}

	.trackbar {
		width: 20vw;
		height: 1px;
		background: rgba(0,0,0,0.2);
		margin: 0 auto;
		position: fixed;
		bottom:100px;
		left:40vw;
		opacity: 1;
	}

	.loadbar {
		width: 0%;
		height: 1px;
		background: rgba(0,0,0,1);
		position: absolute;
		top: 0;
		left: 0;
		right:0;
		margin: 0 auto;
		overflow: hidden;
	}


/*--------------------------------------------------
	03. Header Elements
---------------------------------------------------*/

	header {
		opacity:1;
		width:100%;
		height:110px;
		left:0;
		top:0;

		background-color: rgba(37, 6, 73, 0.7);
		position:fixed;
		box-sizing:border-box;
		z-index:1000;
		-webkit-transition: background 0.4s ease-in-out 0s;
		transition: background 0.4s ease-in-out 0s;
	}

	#header-container {
		box-sizing: border-box;
		height: 80px;
		padding:0 80px;
		margin: 30px auto;
		position: relative;
		width: 100%;
		z-index: 20;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#logo {
		position: relative;
		display: table;
		pointer-events: auto;
		z-index: 10;
		top: 10px;
		float: left;
	}

	#logo a {
		display:block;
	}

	#logo a.disable, .open #logo a {
		pointer-events: none;
	}

	#logo img {
		display: block;
		height: 60px;
		width: auto;
		max-width: 170px
	}

	#logo img.black-logo {
		opacity:1;
	}

	.light-content #logo img.black-logo {
		opacity:0;
	}

	#logo img.white-logo {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
	}

	.light-content #logo img.white-logo {
		opacity:1;
	}

	.menu-open.light-content .slide-in #logo img.white-logo {
		opacity:1;
	}

	#burger-wrapper {
		width: 80px;
		height: 80px;
		float: right;
		top: 0px;

		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

		.btn-header-signup {

		float: right;
		top: 20px;
		left: -5px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}


	#burger-circle {
		width:40px;
		height:40px;
		border-radius:32px;
		box-sizing:border-box;
		background-color:#fff;
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-20px;
		margin-left:-20px;
		cursor: pointer;
		z-index:1;
		-webkit-transition: background-color  0.2s ease-in-out;
		transition: background-color  0.2s ease-in-out;
	}

	.light-content #burger-circle {
		background-color:#fff;
	}

	#menu-burger {
		width: 16px;
		height: 22px;
		position: relative;
		margin: 0 auto;
		z-index:2;
		pointer-events: none;
	}

	.menu-overlay #menu-burger {
		display:block;
	}

	#menu-burger span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background-color: #fff;
	  opacity: 1;
	  right: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
		transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
	}

	.light-content #menu-burger span {
		background-color:#fff;
	}

	#menu-burger span:nth-child(1) {
	  top: 7px;
	}

	#menu-burger span:nth-child(2){
	  top: 15px;
	}

	#menu-burger.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top:10px;
	}

	#menu-burger.open span:nth-child(2) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top:10px;
	}

/*--------------------------------------------------
	04. Overlay Menu
---------------------------------------------------*/

	#menu-overlay {
		position:fixed;
		z-index:15;
		height:100vh;
		width:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		opacity:0;
		visibility:hidden;
		text-align:left;
		transition: all 0.1s ease-in-out 0.6s;
	}

	#menu-overlay.active {
		opacity:1;
		visibility:visible;
		-webkit-transition: all 0.3s ease-in-out 0.2s;
		transition: all 0.3s ease-in-out 0.2s;
	}

	#close-menu {
		position: fixed !important;
		height:100vh;
		width:100vw;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}

	#menu-overlay .outer {
		width: 100%;
		margin: 0 auto;
		padding:80px;
	    box-sizing: border-box;
	}

	#menu-overlay .inner {
		position:relative;
		pointer-events: none;
	}

	nav, nav ul, nav ul li, nav ul li a {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		display: block;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	nav {
		width:auto;
		float:none;

		margin-bottom: 20px;
		pointer-events: initial;
		margin:0 auto;
	}

.main-menu {

}
	.main-menu lh {    padding-left: 16px;
    font-weight: 600;
    font-size: 14px;
    opacity: .4;
    color: #FF0476}

	nav ul ul {
		display: none;
		margin-bottom: 20px;
		position: relative;
	}

	nav > ul > li > a {
		padding: 4px 15px;
		cursor: pointer;
		color: #fff;
		line-height:70px;
		font-size:50px;
		font-weight: 700;
		position:relative;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		opacity: .6
	}

	nav > ul > li {
		width: auto;

	}

	nav > ul > li > a::before {
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		height: 4px;
		background: rgba(255,255,255,0.2);
		transform: scaleX(0);
		transform-origin: right;
		-webkit-transition: transform .2s ease-out;
		transition: transform .2s ease-out;

	}

    nav > ul > li > a:hover::before {
		transform: scaleX(1);
		transform-origin: left;
		-webkit-transition: transform .2s ease-out 0.05s;
		transition: transform .2s ease-out 0.05s;

	}

	nav > ul > li > a:hover,
	nav > ul > li.active > a,
	nav > ul > li.open > a {
		color: #fff;
		opacity: 1
	}

	nav ul ul li a {
		cursor: pointer;
		padding: 10px 20px 2px;
		z-index: 1;
		text-decoration: none;
		font-size: 14px;
		color: rgba(255,255,255,0.4);
		font-weight: 500;
		line-height: 20px !important;
	}

	nav ul ul li:hover > a,
	nav ul ul li.open > a,
	nav ul ul li.active > a {
		color: #fff;
	}

	nav ul ul ul li a {
		padding-left: 40px;
	}

	.buy-item {
		position: absolute !important;
		bottom: 0px;
		font-size: 14px;
		font-weight: 500;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;
		display: table !important;
		width: 164px;
		pointer-events:initial;
	}


.half-text-h1 {font-size: .5em !important; line-height: 1em !important}
.half-text {font-size: .4em; color: #fff; font-weight: 300}
.third-text {font-size: .3em; color: #fff; font-weight: 400}
/*--------------------------------------------------
	04. Overlay Menu
---------------------------------------------------*/

	#sidebar-overlay {
		position:fixed;
		z-index:15;
		height:100vh;
		width:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		opacity:0;
		visibility:hidden;
		text-align:left;
		transition: all 0.1s ease-in-out 0.6s;
	}

	#sidebar-nav {
		position:fixed;
		z-index:15;
		height:100vh;
		width:160px;
		float: left;
		top:0;
		left:0;
		right:0;
		bottom:0;
		opacity:1;

		text-align:left;
		-webkit-transition: all 0.3s ease-in-out 0.2s;
		transition: all 0.3s ease-in-out 0.2s;
	}

	#sidebar-overlay.active, #sidebar-nav.active {
		opacity:1;
		visibility:visible;
		-webkit-transition: all 0.3s ease-in-out 0.2s;
		transition: all 0.3s ease-in-out 0.2s;
	}

	#close-sidebar {
		position: fixed !important;
		height:100vh;
		width:100vw;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}

	#sidebar-overlay .outer, #sidebar-nav .outer {
		width: 100%;
		margin: 0 auto;
		padding:80px;
	    box-sizing: border-box;
	}

	#sidebar-overlay .inner, #sidebar-nav .inner {
		position:relative;

	}



/*--------------------------------------------------
	05. TOOLTIPS
---------------------------------------------------*/


li[data-tooltip].top:before, li[data-tooltip].top:after {
  transform: translateY(10px);
}
li[data-tooltip].top:hover:after, li[data-tooltip].top:hover:before {
  transform: translateY(0px);
}

li[data-tooltip].right:before, li[data-tooltip].right:after {
  transform: translateX(0px);
}
li[data-tooltip].right:hover:after, li[data-tooltip].right:hover:before {
  transform: translateX(10px);
}

li[data-tooltip].bottom:before, li[data-tooltip].bottom:after {
  transform: translateY(-10px);
}
li[data-tooltip].bottom:hover:after, li[data-tooltip].bottom:hover:before {
  transform: translateY(0px);
}

li[data-tooltip].left:before, li[data-tooltip].left:after {
  transform: translateX(0px);
}
li[data-tooltip].left:hover:after, li[data-tooltip].left:hover:before {
  transform: translateX(-10px);
}

li[data-tooltip] {
  position: relative;
}
li[data-tooltip]:after, li[data-tooltip]:before {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: transform 200ms ease, opacity 200ms;

  z-index: 99;
}
li[data-tooltip]:before {
  content: attr(data-tooltip);
  background-color:#250649;
  color: #fff;
  font-size: 12px;
  width: 200px;
  padding: 15px 15px;
  border-radius: 1px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;


}
li[data-tooltip]:after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}
li[data-tooltip]:hover:after, li[data-tooltip]:hover:before {
  visibility: visible;
  transform: translateY(0px);
}

li[data-tooltip][data-position="top"]:before {
  bottom: 100%;
  left: calc(50% - 115px);
  margin-bottom: 10px;
}

li[data-tooltip][data-position="top"]:after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 101%;
  left: calc(50% - 6px);
  margin-bottom: 4px;
}

li[data-tooltip][data-position="left"]:before {
  top: -12%;
  right: 100%;
  margin-right: 10px;
}

li[data-tooltip][data-position="left"]:after {
  border-left-color: #000;
  border-right: none;
  top: calc(50% - 3px);
  right: 100%;
  margin-top: -6px;
  margin-right: 4px;
}

li[data-tooltip][data-position="right"]:before {
  top: -5%;
  left: 100%;
  margin-left: 10px;
}

li[data-tooltip][data-position="right"]:after {
  border-right-color: #000;
  border-left: none;
  top: calc(50% - 6px);
  left: calc(100% + 4px);
}

li[data-tooltip][data-position="bottom"]:before {
  top: 100%;
  left: -130%;
  margin-top: 10px;
}

li[data-tooltip][data-position="bottom"]:after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 5px;
  margin-top: 4px;
}

/*--------------------------------------------------
	05. Hero Section
---------------------------------------------------*/

	#hero {
		overflow:hidden;
		width:100%;
		height:30vh;
		position:relative;
		z-index:0;
	}

	#hero.has-image {
		z-index:2;
		height:100vh;
	}

		#hero.has-image.peek {
		z-index:2;
		height:80vh;
	}

	#hero.has-map {
		pointer-events:none;
	}

	.transition #hero {
		opacity:1!important;
		transform: translate3d(0px, 0px, 0px)!important;
		-webkit-transform: translate3d(0px, 0px, 0px)!important;
	}

	#hero-styles {
		position: absolute;
		width: 100%;
		height:30vh;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		z-index:2
	}

	#hero.has-image #hero-styles {
		position: fixed;
	}

	#hero.has-image #hero-styles {
		height:100vh;
	}

	#hero-caption {
		display: table;
		width: 100%;
		max-width: 850px;
		padding: 20px;
		margin: 0 auto;
		height: 100%;
		position: relative;
		text-align: left;
		box-sizing: border-box;
	}

	#hero.has-image #hero-caption {
		padding: 20px;
	}

	#hero #hero-caption .inner {
		vertical-align: bottom;
	}

	#hero.has-image #hero-caption .inner {
		vertical-align: middle;
	}

	.transition #hero-bg-wrapper, .transition-bp #hero-bg-wrapper {
		opacity:1!important;
		-webkit-transition: all 0.3s ease 0.5s;
		transition: all 0.3s ease 0.5s;
	}

	#hero-bg-wrapper {
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 1;
		margin: 0 auto;
		left: 0;
		top:0;
		right: 0;
		-webkit-transition: filter 0.6s ease-in-out;
		transition: filter 0.6s ease-in-out;
		overflow: hidden;
	}

	#hero-image-parallax {
		position:absolute;
		width:100%;
		height:100%;
	}

		#hero-image-parallax::after {
		width:100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#250649+0,250649+100&0+45,1+100 */
background: -moz-linear-gradient(top, rgba(37,6,73,0) 0%, rgba(37,6,73,0) 45%, rgba(37,6,73,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(37,6,73,0) 0%,rgba(37,6,73,0) 45%,rgba(37,6,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(37,6,73,0) 0%,rgba(37,6,73,0) 45%,rgba(37,6,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00250649', endColorstr='#250649',GradientType=0 ); /* IE6-9 */
	}

	#hero-bg-image {
		background-size:cover;
		position:absolute;
		background-position:center center;
		width:100%;
		height:100%;
		opacity:0;
		z-index:0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parabg {position: absolute !important; z-index: -1; opacity:.1}
	.ptop-cost {padding-top:700px; z-index: 0}

	.load-project-page #hero-bg-image {
		opacity:1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	.hero-title {
		color:#fff;
		position:relative;
		z-index:10;
		font-size:60px;
		font-weight:700;
		line-height:70px;
		margin-left:-6px;
		margin-bottom:0px;
		transform: translateY(10vh);
		-webkit-transform: translateY(10vh);
		opacity:0;
	}

	#hero.has-image .hero-title {
		transform: translateY(10vh);
		-webkit-transform: translateY(10vh);
		opacity:0;
	}

	.light-content .hero-title {
		color:#fff;
	}

	.hero-subtitle {
		font-size:14px;
		font-weight:600;
		line-height:30px;
		margin-bottom:0px;
		width: 100%;
		z-index: 10;
		opacity:0;
		position:relative;
		transform: translateY(15vh);
		-webkit-transform: translateY(15vh);
	}

	#share {
    	display:block;
		position: relative;
		pointer-events:initial;
		width: 40px;
	}



.section-nav {    margin: 0;
    padding: 0;
    position: relative;
    left: -5px; opacity:0;		transform: translateY(10vh);
		-webkit-transform: translateY(10vh);}

.section-nav-item {  display: inline-block;
        display: inline-block;
    vertical-align: top;
    margin: 40px 20px 20px 0;
    font-size: 21px;
    font-weight: 600;  opacity: .7; transition: all 0.1s ease-in-out 0.1s;}
.section-nav-item:hover, .section-nav-item.active {opacity: 1}

.play-button img {width: 19px;
	position: fixed;}
.btn-icon-space {width: 27px}

.sidenav{
    margin: .2em 0
}

.sidenav * {
    box-sizing: border-box
}


.quick-link-menu  {float:right; padding-right: 25px}

.quick-link-menu li {
    display: inline-block;
    vertical-align: top;
    margin: 2.7em 2em 1em 0;
    font-size: 8px;
    font-weight: 600;
    		font-size: 12px;
		color: #fff;


		text-align: center!important;

		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;

}
	.quick-link-menu:hover li {
		opacity:0.3;
	}

	.quick-link-menu li:hover {
		color:#fff!important;
		opacity:1;
	}

		.quick-link-menu li.active {
		color:#FF0476 !important;
		opacity:1;
		border-bottom: 2px solid !important;
	}




.sidenav li {
    vertical-align: top;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 600;

		margin: 10px 0;
		position: relative;
		display:block;
		z-index: 1;
		width: 40px;
		height: auto;
		padding: 20px 0;
		opacity:0.3;
				font-size: 12px;
		color: #fff;


		text-align: center!important;
		line-height: 40px!important;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;

	}

	.sidenav:hover li {
		opacity:0.3;
	}

	.sidenav li:hover {
		color:#fff!important;
		opacity:1;
	}

		.sidenav li.active {
		color:#FF0476!important;
		opacity:1;
	}


/*--------------------------------------------------
	06. HUBSPOT FORM
---------------------------------------------------*/

  .hbspt-form {}
  .hs-form {max-width: 500px; margin: 0 auto; margin: 40px 0 100px 0}
  .hs-form input[type="submit"] {
    
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 14px 24px;
    line-height: 16px;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    text-align: center;
    background-color: #5700BC;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 40px
  }  
  .hs-form-required {display: none;} 
  .hs-form-45fa200f-1841-4eb9-bc2b-cf27f21cd95b_160ce758-6676-4c7a-bcb6-8bd7eaf41301.submitted-message {
    overflow: auto;
    margin: 40px 0 100px 0
    margin-bottom: 100px !important;
}
.hs-error-msgs {margin: 0 0 10px 0 !important}

  input[type="text"], input[type="email"], textarea, select {background-color: transparent !important; color: #fff !important}
  
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.3);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.3);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.3);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.3);
}





/*--------------------------------------------------
	07. particles
---------------------------------------------------*/

#particles-js{ position:absolute; width: 100vw; height: 100vh; 		background: -moz-linear-gradient(-45deg, rgba(0,44,252,0.55) 0%, rgba(21,23,152,0) 56%, rgba(37,6,73,0) 100%);
		background: -webkit-linear-gradient(-25deg, rgba(0,44,252,0.55) 0%,rgba(21,23,152,0) -25%,rgba(37,6,73,0) 100%);
		background: linear-gradient(155deg, rgba(0,44,252,0.55) 0%,rgba(21,23,152,0) -25%,rgba(37,6,73,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c002cfc', endColorstr='#00250649',GradientType=1 );
 background-size: cover; } /* ---- stats.js ---- */


.js-count-particles{ font-size: 1.1em; }


/*--------------------------------------------------
	06. Main Content
---------------------------------------------------*/

	#main {
		position:relative;
		opacity:0;
	}

	.load-project-page #main {
		opacity:1;
	}

	#main-content {
		position:relative;
		opacity:1;
		z-index:10;
		min-height:100vh;


		-webkit-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}

	#main-content.perspective {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity:0.5;
	}



/*--------------------------------------------------
	07. Footer Elements
---------------------------------------------------*/




	#page-bottom {
		width:100%;
		height:140px;
		bottom:0;
		position:fixed;
		box-sizing:border-box;
		z-index:1000;
		pointer-events:none;
	}

	#page-action-holder-left {
		position: fixed;
		box-sizing:border-box;
		left: 50px;
		bottom: 40px;
		height: 80px;
		width: 80px;
		z-index:10;
		pointer-events:initial;
		opacity:1;
		color:#fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: all 0.4s cubic-bezier(0.68, 0, 0.265, 1) 0.2s;
	}

	#page-action-holder-left.hide {display: none}

	.light-content #page-action-holder-left div {
		color:#fff;
	}

	#page-action-holder-left.is-active.is-visible, .after-slider #page-action-holder-left {
		opacity:1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	#page-action-holder-right {
		position: fixed;
		right: 55px;
		bottom: 40px;
		height: 80px;
		width: 80px;
		box-sizing:border-box;
		pointer-events:initial;
		z-index:10;
		opacity:1;
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: all 0.4s cubic-bezier(0.68, 0, 0.265, 1) 0.2s;
		display: none !important
	}

	#page-action-holder-right.is-active.is-visible, .after-slider #page-action-holder-right {
		opacity:1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.page-action-wrap {
		width: 80px;
		height: 80px;
		float: right;
		top: 0px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.padding-top {margin-top:25px !important}
	.open-filters {
		height: 46px;
		width: 46px;
		text-align:center;
		line-height:46px;
		font-size:16px;
		cursor: pointer;
		position: relative;
		background: #FF0476;
    border-radius: 50px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 2.5s infinite;
	}
	.page-action-holder-right {}
	.open-filters:hover {-webkit-animation: none;}


@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  60% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
  }
  90% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
    100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

	.scrolltotop {
		height: 46px;
		width: 46px;
		cursor: pointer;
		position: relative;
	}

	.arrow-left {
		height: 10px;
		background-color:#fff;
		transform: rotate(-45deg);
		width: 2px;
		position:absolute;
		left: 19px;
		top: 22px;
		-webkit-transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
	}

	.arrow-right {
		height: 10px;
		background-color:#fff;
		transform: rotate(45deg);
		width: 2px;
		position:absolute;
		left: 25px;
		top: 22px;
		-webkit-transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		transition: top 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
	}

	.no-tooltip[data-tooltip]::before {
		opacity:0;
	}

	.page-up .arrow-left {
		height: 10px;
		background-color:#fff;
		transform: rotate(45deg);
		width: 2px;
		position:absolute;
		left:19px;
		top:13px;
	}

	.page-up .arrow-right {
		height: 10px;
		background-color:#fff;
		transform: rotate(-45deg);
		width: 2px;
		position:absolute;
		left: 25px;
		top:13px;
	}

	.light-content .arrow-left, .light-content .arrow-right {
		background-color: #fff;
	}

	.arrow-top-line {
		background-color: #fff;
		height: 16px;
		left: 50%;
		margin-left:-1px;
		position: absolute;
		top: 14px;
		width: 2px;
	}

	.light-content .arrow-top-line {
		background-color: #fff;
	}

	footer {
		position:relative;
		width:100%;
		height:auto;
		z-index:12;
		box-sizing:border-box;
		text-align:left;
		float:left;
	}

	#footer-container {
		box-sizing: border-box;
		height: 80px;
		padding:0 80px;
		padding-left: 15%;
		margin: 20px auto;
		position: relative;
		width: 100%;
		z-index: 20;
	}

	#footer-container ul {margin: 0 0 100px 0}
	#footer-container li {padding: 0; font-size: 14px; list-style: none; margin:12px 0 0 0}
	#footer-container lh {font-size: 13px; font-weight: 600; text-transform: uppercase; color: #FF0AAE; }
	#footer-container a {opacity: .7; color: fff; transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;}
	#footer-container a.clapat-button {opacity: 1}
	#footer-container a:hover {opacity: 1}



	.footer-info {
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
		font-size: 12px;
		color:#fff;
		width: 50%;
    	float: left;
    	opacity: .8;
    	padding: 0 0 55px 0
	}


	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	z-index: 10000
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000
}

/*--------------------------------------------------
	08. Responsive
---------------------------------------------------*/

@media only screen and (max-width: 1466px) {

	header {
    	height: 95px;
	}

	#header-container {
		padding: 0 60px;
		margin: 15px auto;
	}

	nav > ul > li > a {
		line-height: 60px;
		font-size: 38px;
	}

	.hero-title {
		font-size: 60px;
		line-height: 70px;
	}

	.container {
		max-width:1580px;
		width:100%;
		padding: 0 160px;
	}

	#sidebar-overlay .outer, #sidebar-nav .outer {
    	padding: 45px;
	}

	#page-action-holder-left {
    	left: 25px;
		bottom: 30px;
	}

	#page-action-holder-right {

		bottom: 30px;
	}

	#footer-container {
		height: 70px;
		padding-left: 14%;
	}



}


@media only screen and (max-width: 1024px) {

	.percentage {
    	font-size: 100px;
	}

	header {
    	background:#250649;


/*
    	background: -moz-linear-gradient(top, rgba(37,6,73,1) 0%, rgba(37,6,73,0) 71%, rgba(37,6,73,0) 100%);
background: -webkit-linear-gradient(top, rgba(37,6,73,1) 0%,rgba(37,6,73,0) 71%,rgba(37,6,73,0) 100%);
background: linear-gradient(to bottom, rgba(37,6,73,1) 0%,rgba(37,6,73,0) 71%,rgba(37,6,73,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#250649', endColorstr='#00250649',GradientType=0 );
*/
	}

	.parallax-wrap {
		transform:none!important;
	}

	.parallax-element {
		transform:none!important;
	}

	.container, .small .container {
		padding: 0 60px;
	}

	#magic-cursor {
		display:none;
	}

	#hero-caption, #hero-image-parallax, #hero-bg-image {
		transform:none!important;
	}

}


@media only screen and (max-width: 767px) {
	.cardbox .large-quote-icon {top: 84px}
	h2 {font-size: 32px}
	.mobilehide {display: none}
	.diagBox {display: none}
	#page-action-holder-left {display: none}
	.quick-link-menu {display: none}
		.section-nav-item {font-size: 18px}
	.figure-img-bg {display: none;}
	.moveUp100, .moveUp400, .moveUp500, .moveUp200, .moveUp500b, .moveUp600 {margin-top: 0px}
	.moveUp500b, .moveUp100b, .moveUp200b {margin-bottom: 0px; margin-bottom: 0px;}
	.cardbox, .cardbox .redgrad {left: -6px }
	#sidebar-nav {left: -200px}
	.btn-header-signup {display: none}
	.hero-title {    font-size: 30px;
    line-height: 46px;}
	#footer-container a {opacity: 1}
	.accordion-content {
	display: none;
	border-bottom: 1px solid #482E67;
	background: #FFFFFF;
	padding: 20px;
	color: #4B3762;
}
	header {
		height: 80px;
	}

	#header-container {
		padding: 0 50px;
		margin: 0px auto;
	}

	#sidebar-overlay .outer, #sidebar-nav .outer {
    	padding: 50px;
	}

	#hero {
		height: 40vh;
	}

	#hero-styles {
    	height: 100%;
	}

	#hero.has-image {
		height: 74vh;
	}

	#hero.has-image #hero-styles {
		position: absolute;
	}

	#page-action-holder-left {
    	left: 15px;
		bottom: 20px;
	}

	#page-action-holder-right {
    	right: 15px;
		bottom: 20px;

	}

	#footer-container {
		height: 60px;
		padding-left: 15%;
	}

	.footer-info {
    	width: 80%;
	}

	.container, .small .container {
    	padding: 0 50px;
	}

	.full .container {
		padding: 0;
	}

	.destory {
		display:none;
	}

	.one_half {
    	width: 100%;
	}

	.one_half {
    	padding-right: 0;
	}

	.one_half.last {
    	padding-left: 0;
	}

	.one_third {
		width: 100%;
	}

	.one_fourth {
		width: 100%;
	}

	.one_fifth {
		width: 100%;
	}

	.one_sixth {
		width: 100%;
	}

	.two_fifth {
		width: 100%;
	}

	.two_fourth {
		width: 100%;
	}

	.two_third {
		width: 100%;
	}

	.three_fifth {
		width: 100%;
	}

	.three_fourth {
		width: 100%;
	}

	.four_fifth {
		width: 100%;
	}

	.five_sixth {
		width: 100%;
	}

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px;
		margin-right: 0%;
	}

	.text-align-center p.title-has-line::after, #page-nav p.title-has-line::after {
		display:none;
	}

	p {
    	font-size: 14px;
	}
	h2.big-title {font-size: 32px; line-height: 1.15em; padding-right: inherit}
	.header-watermark-icon {display:none}

}


@media only screen and (max-width: 479px) {

	h1 {
    	font-size: 36px;
	}

	#header-container {
		padding: 0 30px;
		margin: 0px auto;
	}

	#burger-wrapper {
    	right: -30px;
	}

	#menu-overlay .outer {
		padding: 30px;
		margin-top: 20px
	}

	nav > ul > li > a {
		line-height: 40px;
		font-size: 36px;
	}

	#sidebar-overlay .outer, #sidebar-nav .outer {
    	padding: 30px;
	}

	.container, .small .container {
    	padding: 0 30px;
	}

	.full .container {
		padding: 0 30px;
	}

	.row_padding_bottom {
		padding-bottom: 50px;
	}

	.row_padding_top {
    	padding-top: 60px;
	}

	p.title-has-line::after {
		display:none;
	}

	#page-action-holder-left {
		left: 0px;
		bottom: 0px;
	}

	#page-action-holder-right {
		right: 0px;
		bottom: 0px;
	}
	.large .container {    padding: 0 20px;}
	.accordion-header::before {display: none}
	#footer-container {
		min-height: 60px;
		padding: 0 30px;
		height: auto;
	}

	#footer-container ul {margin: 0 0 40px 0;}
	#footer-container li, #footer-container lh {font-size: 18px}
	.footer-info {
		width: 100%;

	}


}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

	#rotate-device {
		display:block;
	}
}