@import url(https://p.typekit.net/p.css?s=1&k=zhb3bja&ht=tk&f=2001.2042.6862.6864.6866.9591.14541.14546.14548.14549&a=23867794&app=typekit&e=css);
@font-face {
    font-family: adelleregular;
    src: url(https://use.typekit.net/af/19af50/00000000000000003b9af920/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/19af50/00000000000000003b9af920/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/19af50/00000000000000003b9af920/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}
@font-face {
    font-family: 'muliblack';
    src: url('muli/muli-black-webfont.woff2') format('woff2'),
         url('muli/muli-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliblack_italic';
    src: url('muli/muli-blackitalic-webfont.woff2') format('woff2'),
         url('muli/muli-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulibold';
    src: url('muli/muli-bold-webfont.woff2') format('woff2'),
         url('muli/muli-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulibold_italic';
    src: url('muli/muli-bolditalic-webfont.woff2') format('woff2'),
         url('muli/muli-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliextrabold';
    src: url('muli/muli-extrabold-webfont.woff2') format('woff2'),
         url('muli/muli-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliextrabold_italic';
    src: url('muli/muli-extrabolditalic-webfont.woff2') format('woff2'),
         url('muli/muli-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliextralight';
    src: url('muli/muli-extralight-webfont.woff2') format('woff2'),
         url('muli/muli-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliextralight_italic';
    src: url('muli/muli-extralightitalic-webfont.woff2') format('woff2'),
         url('muli/muli-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliitalic';
    src: url('muli/muli-italic-webfont.woff2') format('woff2'),
         url('muli/muli-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulilight';
    src: url('muli/muli-light-webfont.woff2') format('woff2'),
         url('muli/muli-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulilight_italic';
    src: url('muli/muli-lightitalic-webfont.woff2') format('woff2'),
         url('muli/muli-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliregular';
    src: url('muli/muli-regular-webfont.woff2') format('woff2'),
         url('muli/muli-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulisemibold';
    src: url('muli/muli-semibold-webfont.woff2') format('woff2'),
         url('muli/muli-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulisemibold_italic';
    src: url('muli/muli-semibolditalic-webfont.woff2') format('woff2'),
         url('muli/muli-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	user-select: none;
}
body::-webkit-scrollbar { 
    display: none; 
}
p{font-family: 'Open Sans', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;}
.headerlogo{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 80px;
	position: fixed;
	background-color: white;
	z-index: 9999;   
	padding-top: 25px;
	
}
.headerlogo img{
	height: 27px;
	align-self: center;
}

.fold{
	height: 100vh;
	width: 100vw;
	max-width: 1920px;
	overflow: hidden;
}
.title{
	font-size: 150px;
	line-height: 150px;

}
#fold_20 .title{
	font-size: 130px;
	line-height: 130px;
	margin-left: -200px;
}
#fold_20 #designtitle{text-align:right;}
.serif{
	font-family: adelleregular;
	/*clip-path: polygon(0% 0%, 87% 0%, 74% 100%, 0% 100%);*/
	/*width: 100%;*/
	animation: clipser 4s;
	animation-fill-mode: forwards;
}
@keyframes clipser {
  50% {
  	transform: translate(0);
  }

  100% {
  	transform: translate(-330px);
    
  }
}
.sans{
	margin-top: 220px;
	/*margin-left: 145px;*/	
	font-weight: 700;
	/*clip-path: polygon(0% 0%, 71% 0%, 61% 100%, 0% 100%);*/
	/*width: 100%;*/
	animation: clipsan 4s;
	animation-fill-mode: forwards;
}
@keyframes clipsan {
  50% {
  	transform: translate(0);
  }
  100% {
  	transform: translate(-220px);
    
  }
}
#fold_20 .title_container{margin-top: 10px;}



.title_container{
	/*width: 100%;*/
	text-align: center;
	animation: clips 4s;
	animation-fill-mode: forwards;  
	margin-top: 80px;
	width: 590.11px;
	height: 570px;


}
@keyframes clips {
  0% {
    clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
     -webkit-clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
  }
  50% {
    clip-path: polygon(-100% 0, 134.8% 0, 100% 100%, -100% 100%);
    -webkit-clip-path: polygon(-100% 0, 134.8% 0, 100% 100%, -100% 100%);
  }
  100% {
    clip-path: polygon(-100% 0, 64.38% 0, 27.68% 100%, -100% 100%);
     -webkit-clip-path: polygon(-100% 0, 64.38% 0, 27.68% 100%, -100% 100%);
  }
}
.line{
	height: 1px;
	background-color: #878787;
}
#slantedline{
	width: 454px;
	transform: translate(1190px, -135px) rotate(111.5deg);
	animation: moveline 4s;
	animation-fill-mode: forwards;
	box-shadow: -6px 3px 7px -0.2px #565656;

}

@keyframes moveline{
	0%{
		opacity: 0;
	}
	66%{
		opacity: 0;
		transform: translate(150px, -135px) rotate(111.5deg);
	}
	99%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		transform: translate(0, -130px) rotate(111.5deg);
	}
}
.shadow{
	filter: blur(5px);
}
#slot_shadow{
	background-color: #898989;
	width: 100%;
	height: 370px;
	clip-path: polygon(65% 0, 41% 100%, 100% 100%,  100% 0%);
	 -webkit-clip-path: polygon(65% 0, 41% 100%, 100% 100%,  100% 0%);
	
	animation: moveshadow 4.1s;
	animation-fill-mode: forwards;
}
#fold_20 #slot_shadow{
	background-color: #898989;
	width: 100%;
	height: 370px;
	clip-path: polygon(68% 0, 44% 100%, 100% 100%,  100% 0%);
	-webkit-clip-path: polygon(68% 0, 44% 100%, 100% 100%,  100% 0%);
	animation: moveshadow 4.1s;
	animation-fill-mode: forwards;
}
@keyframes moveshadow{
	0%{
		opacity: 0;
	}
	66%{
		opacity: 0;
		transform: translate(74px, -332px);
	}
	79%{
		opacity: .2;
	}
	100%{
		opacity: 1;
		transform: translate(-74px, -332px);
	}
}
.byline_container{
	/*width: 1500px;*/

}
.byline{
	width: 500px;
	margin-left: 1000px;
	margin-top: -150px;
	font-size: 22px;
	line-height: 40px;
	color: #6D6D6D;
	animation: showbyline 4s;
	animation-fill-mode: forwards;
}
@keyframes showbyline{
	0%{
		opacity: 0;
	}
	70%{
		opacity: 0;
		margin-left: 1000px;
	}
	100%{
		opacity: 1;
		margin-left: 500px;
	}
}
.row{
	width: 100%;
	display: flex;
	justify-content: center;
}
.first_fold{
	/*height: calc(100vh-76px);*/
	position: relative;
}
.scroll{
	/*margin-top: auto;*/
	position: absolute;
	top: 90%;
}
.scrollline{
	width: 1px;
	height: 30px;
	background-color: #656565;
	position: absolute;
	top:92%;
	animation: scrolllineanimation 2s 1s infinite ;
}
@keyframes scrolllineanimation{
	0%{margin-top: 0px;}
	100%{margin-top: 40px;}
}
canvas {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
}
.big_number{
	font-family: mulibold;
	font-weight: 600;
	font-size: 416px;
	color: #F5F5F5;
	position: absolute;
	transform: translate(180px,80px);
}
.process_title{
	font-size: 160px;
	font-weight: 700;
	position: absolute;
	left: 14.3vw;
	letter-spacing: -6px;
	width: 100%;
	
	
}
.process_text{
	font-size: 22px;
	width: 655px;
	transform: translate(280px,500px);
}
.acq{
	position: absolute;
	background: url("../images/grad2.jpg") center;
	background-size: 1019px;
	background-attachment: fixed;
	background-position: 0 -300px;
	background-repeat: repeat, repeat;
	background-clip: text;
	-webkit-background-clip:text;
	color: transparent;
}
.cle{
	background: url("../images/bg2.jpg");
	background-attachment: fixed;
	background-size: 1019px;
	background-clip: text;
	-webkit-background-clip:text;
	color: transparent; 
}
.mine{
	background: url("../images/bg3.jpg") center;
	background-size: 1019px;
	background-attachment: fixed;
	background-clip: text;
	-webkit-background-clip:text;
	color: transparent;
}
.rep{
	background: url("../images/bg5.jpg	") center;
	background-size: 1019px;
	background-attachment: fixed;
	background-clip: text;
	-webkit-background-clip:text;
	color: transparent;
}
.ref{
	background: url("../images/bg4.jpg") center;
	background-size: 1019px;
	background-position: -300px -200px;
	background-attachment: fixed;
	background-clip: text;
	-webkit-background-clip:text;
	color: transparent;
}
.service_title{
	position: absolute;
	font-size: 119px;
	font-weight: 700;
}
.service_number{
	opacity: 0;
	font-family: mulibold;
	position: absolute;
	font-size: 550px;
	color:#EBD8C5;
	transform:translate(0,-7.7vh);
	font-weight: 700;
}
.hide_number{
	transform: translateY(50px);
	transition: .5s linear;
}

.show_number{
	transition: 1s linear;
	/*transition-delay: 0.5s;*/
	transform: translateY(-4vh);
	opacity: .35;
}
.service_container{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	/*transform: translate(0,50vh);*/
}
.launchcircle.show_number{
	transition: none!important;
	/*transition-delay: 0.5s;*/
	transform: translateY(0);
	opacity: 1;
}
.service_text{
	position: absolute;
	width: 875px;
	transform: translate(0,25vh);
	text-align: center;
	font-size: 20px;
}
.upper{
	transform: translate(0px,-13vh);
}
.right_navbar{
	position: fixed;
	right: 20px;
	opacity: 0;
	font-size: 20px;
	font-weight: 600;
	color: #979797;
	transition: all 0.5s ease;
	width: 250px;
	text-align: right;
	display: flex;
	flex-direction: column;
	margin-right: 40px;
	z-index: 999999;
}
.right_navbar>ul{
	transition: all 0.5s ease;
	margin-top: 22px;
	cursor: pointer; 
}
.visible{
	opacity: 1;
}
.not_visible{
	opacity: 0;
}
.navbar_selected{
	font-size: 30px;
	color: black;
}
.uphide{
	top:0px !important;
	transition: all 1s ease;
	/*transform: translateY(calc(-100vh/2 + 25px));*/
	/*opacity: 0;*/
}
.uphide:last-child{
	font-size: 20px !important;	
}
.fixexploresize{
	font-size: 20px;
}
.scroll_circle{
	font-family: Segoe MDL2 Assets;
	height: 12px;
	width: 12px;
	margin-top: 30px;
	/*background-color: #676767;*/
	border-radius: 7.5px;
	border-width: 1px;
	border-style: solid;
	border-color: #212529;
}
.explore-scroll-bar {
    font-family: Segoe MDL2 Assets;
    height: 5px;
    width: 95px;
    margin-top: 0px;
    border-radius: 6px;  
    /* border:1px solid #212529; */
    background: #E8E8E8;
}
 
.progress-bar {
    float: left;
    height: 100%;
    width: 0%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #000; 
	transition: width.6s ease;    border-radius: 50px;
}

 

.service_circles{
	display: none;
	margin-left: auto;
}
.process_circles{
	display: none;
	transition: none;
	margin-left: auto;
	margin-top: 0px !important;
}
.selected_circle{
	background-color: #151515;
}
.underline{
	/*text-decoration: underline;*/
	padding-bottom: 5px;
	border-bottom: 4px solid black;
}
.underline2{
	/*text-decoration: underline;*/
	padding-bottom: 2px;
	border-bottom: 2px solid black;
}
.databox{
    width: 100％;
    height: 100%;
    margin: 0;
    padding: 0;  right:0;pointer-events: none;
}
.canvas-container{
	overflow:hidden;
	width:700px;
	height:100vh; 
	left: calc(100% - 900px);
	transform: translateY(-50%);
	top: 50%;
	opacity:0;
	pointer-events: none;
	z-index: -20;
	
}
.canvasFixed{
	position:fixed;
   -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
     opacity: 1; display:block;	
}

.shapes{
	position: absolute;
	top: 0; 
	right: 0px;
	width: 600px;
	height: 600px;
	pointer-events:none;
}
.fold{position:relative; }
.hides{ 
		transition: .3s linear;
		transform: translateY(40px);
		opacity: 0;
	}
.fold.active{  
		transition: 1s linear;
		transition-delay: 0.5s;
		transform: translateY(0);
		opacity: 1 !important;
	}
	 
.first_fold {opacity: 1;}

#particles-js{
	opacity: 0;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	transition: all 0.5s ease;
	 
}
.particle_hide{
	opacity: 0;
	z-index: -50;
}
.particle_show{
	opacity: 1;
	z-index: 50;
}
p{
	margin-top: 20px;
}
.dark-blue{
	background-color: #18baaf;
	color: white;
}
.yellow{
	background-color: #b92a4b;
	color: white;

}
.pink{
	background-color: #ef77a9;
	color: white;

}
.purple{
	background-color: #d49bdb;
	color: white;

}
.brown{
	background-color: #9395e2;
	color: white;

}
.one{
	color: #18baaf;
}
.two{
	color: #c49bdb;
}
.three{
	color: #ef77a9;
}
.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-2px) scale(2);
}
.parallax__group {
  position: relative;
  height: 100vh;
  transform-style: preserve-3d;
}
.bubble_container{
	display: flex;
	width: 100vw;
	height: 100vh;
	align-items: center;
	justify-content: space-between;
}
.bubble_space{
	height: 100vh;
	width: 270px;
}
.bubble_main{
	font-size: 40px;
	font-weight: 600;
}
.bubble_by{
	font-size: 32px;
}
.bubble_by2{
	font-size: 26px;
	font-weight: 300;
}
.bubble_chart{
	width: 800px;
	height: 100vh;
	padding-top: calc(50vh - 400px);

}
.bg_circle1{
	border-radius: 50%;
	height: 1000px;
	width: 1000px;
	background-color: #eeeeee;
	opacity: .3;
	position: absolute;
	margin-top: 12px;
	margin-left: 750px;
	z-index: -9999;
}
.bg_circle2{
	border-radius: 50%;
	height: 700px;
	width: 700px;
	background-color: #aaaaaa;
	position: absolute;
	margin-top: 150px;
	margin-left: 150px;
	z-index: -999;
}
.bg_circle3{
	border-radius: 50%;
	height: 850px;
	width: 850px;
	background-color: #cccccc;
	position: absolute;
	margin-top: 75px;
	margin-left: 75px;
	z-index: -9999;
}
.explore_first{
	width: 100vw;
	height: 200vh;
	padding-top: 50px;
	background-image: url("../images/explorebg.jpg");
    background-size: cover;
	z-index: -10;
    position: relative;
}
.explore_2{
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column-reverse;
}
.mb-2{margin-bottom:-2px!important;}
.heading_e2{
	font-size: 70px;
	color: #fff;
	margin-left: 100px;
	font-weight: 700;
	margin-bottom: 100px;
}
#fold_10{
	top: -100vh;
}
.explore_first img{
	width: 100vw;
}
.quote_container{
	width: 90vw;
	display: flex;
	justify-content: flex-end;
}
.explore_quote{
	width: 850px;
	font-size: 35px;
	color: #fff;
	font-weight: 600;
	text-align: right; 
	margin-top: -90px; 
}
.small_green{
	font-size: 30px;
	color: #2BDE73;
}
.explore_byline{
	width: 1200px;
	font-size: 50px;
	color: #fff;
	font-weight: 600;
	margin-left: 80px;
	margin-top: 150px;
	line-height: 65px;
}
.active_e{  
	transition: .7s linear;
	transition-delay: 0.3s;
	transform: translateY(0);
	opacity: 1 !important;
}
 

.small_money{
	position: absolute;
	border-radius: 50%;
	font-size: 40px;
	color: #fff;
	height: 170px;
	width: 170px;
	padding-left: 30px;
	padding-top: 55px;
	background-image: linear-gradient(to bottom,  #B021F5 , #573CE5);
	bottom:150px;
	left: 300px;
	font-weight: 700;  
}
.small_money::before {
    font-size: 90px;
    color: #fff; 
   
    position: absolute;
    font-weight: 700;
    z-index: -1;
    content: '2019';
    top: -80px;
    left: -20px;
}
.big_money{
	position: absolute;
	border-radius: 50%;
	font-size: 70px;
	color: white;
	height: 270px;
	width: 270px;
	padding-left: 20px;
	padding-top: 75px;
	background-image: linear-gradient(to bottom, #B021F5 , #573CE5);
	bottom:270px;
	left: 1400px;
	font-weight: 700; 
}
.big_money::before {
	font-size: 120px;
	color: #fff;
	position: absolute;
	top: -110px;
	left: -10px;
	font-weight: 700;
	z-index: 2;
	z-index: -1;
    content: '2023';
}
.connect_line{
	position: absolute;
    left: 345px;
    bottom: 113px;
        z-index: -1;
}
.z-1{z-index: -1;}
.node:hover{
  opacity: 1 !important;
}
#fold_9{
	height: 200vh;
}
#fold_11{
	top: -100vh;
}
#fold_12{
	top: -100vh;
}
#my_dataviz text {
    fill: white;
    font-family: Open Sans;
    text-anchor: middle;
    font-weight: 600;
  }
 .timeline text {
    fill: #6d6d6d;
    font-family: mulisemibold;
    text-anchor: revert;
    font-weight: 500;
  }

@keyframes rubberBand {
  from {
    clip-path: polygon(0 0,0 100%, 0 100%, 0 0);
     -webkit-clip-path: polygon(0 0,0 100%, 0 100%, 0 0);
  }
  15%{
  	clip-path: polygon(0 0,0 100%, 0 100%, 0 0);
  	 -webkit-clip-path: polygon(0 0,0 100%, 0 100%, 0 0);
  }
  to {
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
     -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  }
}

.rubberBand {
  animation: rubberBand 3s;
}

.fold{position:relative; }
.hides{ 
		transform: translateY(40px);
		opacity: 0;
	}

.first_fold {opacity: 1;}

.explore_circles{margin-left:34px;display: none;margin-top:-20px!important;}
.crowdfunding-journey{height:100vh;background:url('../images/croud-journy.svg') no-repeat;background-size: contain;padding-top: calc(50vh - 400px);}
.crowdfunding-journey h2{
	font-size:40px;margin-bottom: 50px;
}
.crowdfunding-journey h3{
	font-size:35px;margin-bottom:33px;margin-top:28px;
}
.crowdfunding-journey p{
	font-size:24px;font-family: 'mulilight';color:#6D6D6D;line-height:45px;
}
.crowdfunding-journey .centerdata{
		max-width:40%;margin: 0 auto; 
		left: 50%; 
		top: 50%; 
		  transform: translate(-50%, -50%); position:absolute; 
	}
.crowdfunding-journey .centerdata img{width:50px!important;}
	#timeline_owl{list-style:none;}
.timeline {
	position: absolute;
	bottom: 36px;left: 50px;right: 0;
 
}
.owl-carousel{z-index:auto!important;}
.current #Ellipse_282{fill:#2558e8!important;transition: all ease 1s;}
.current #Ellipse_286{fill:#2558e8!important;transition: all ease 1s;}
.current #Ellipse_288{fill:#2558e8!important;transition: all ease 1s;}
.current #Ellipse_290{fill:#2558e8!important;transition: all ease 1s;}
.current path{fill:#2558e8!important;transition: all ease 1s;}
.current g{stroke:#2558e8!important;transition: all ease 1s;}
.current text{font-family:mulibold!important;fill:#333!important;transition: all ease 1s;}
 .owl-carousel .owl-stage { display: flex; align-items: center; }
.timeline svg{width:100%;}
.fp-tableCell{display:block;}
.owl-carousel .owl-item img{display: inline-block!important;}
.indiegogo-icon{display: inline-block;position:absolute;left:20px;margin-top: 30px;
float: left;}
.indiegogo-icon img{width:40px!important;}
.indiegogo-desc{float:left;display:inline-block;left:60px;position: relative;}
.launchdesc{position:relative;float: right;}
.launchcircle{ 
	border-radius:50%;
	background:red;position: relative;margin-bottom: 15px;opacity:1!important;
}
.launchcircle .desc{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.launchdesc .span{font-size:18px;color:#fff;}
.launchcircle .title{font-size:50px;font-family:mulibold;color:#fff;line-height: 50px;}
.launchcircle .sub-title{font-size:18px;font-family:muliregular;color:#fff;}
.launchcircle.one{background:linear-gradient(to right, #0ABFEC, #595BFD);width:160px;height:160px;}
.launchcircle.two{background:linear-gradient(to right, #FBC95D, #FF7B5C);width:175px;height:175px;}
.launchcircle.three{background:linear-gradient(to right, #FF4C8D, #FF4351);width:145px;height:145px;margin-left: 10px;}
.launchcircle.four{background:linear-gradient(to right, #31E08A, #0AABC1);width:185px;height:185px;}
.firstcontainer{
	position:absolute;left: 20px;
	top: 30%;text-align: center;
}
.secondcontainer{
	position:absolute;left: 35%;
	top: 10%;text-align: center;
}
.thirdcontainer{
	position:absolute;left: 30%;
	bottom: 10%;text-align: center;
}
.fourthcontainer{
	position:absolute;right: 5%;
bottom: 20%;text-align: center;
}
.kickstarterrightbg {background:url('../images/kickstartlaunchbg.svg') no-repeat;background-position: right;}
.kickstarterright {position:relative;display:block;height:50vh;width: 80%;float: right;}
.launchdesc{border-radius:50%;position:relative;height:600px;width:700px;}

.vone .vbar{ height:0;width:80px;background:linear-gradient(to top, #595BFD, #0ABFEC);margin-left:65px;position: relative;}
.vtwos .vbar{ height:0;width:80px;background:linear-gradient(to top, #FF7B5C, #FBC95D);margin-left: 65px;position: relative;}
.vthrees .vbar{ height:0;width:80px;background:linear-gradient(to top, #0AABC1, #31E08A);margin-left: 65px;position: relative;}
.vfours .vbar{ height:0;width:80px;background:linear-gradient(to top, #FF4C8D, #FF4351);margin-left: 65px;position: relative;}
#timeline_owl .active .vone .vbar{ height:280px;transition: all ease 1s;}
#timeline_owl .active .vtwos .vbar{ height:420px;transition: all ease 1s;}
#timeline_owl .active .vthrees .vbar{ height:360px;transition: all ease 1s;}
#timeline_owl .active .vfours .vbar{ height:330px;transition: all ease 1s;}
.vthrees{left:400px;}
.vtwos{left:200px;}
.vfours{left:600px;}
.vone{left:0px;}
.kgraph{float:left;margin-right: 0px;width: 220px;text-align:center;position:absolute;bottom:0;}
.kgraph .vtext{position:relative;writing-mode: vertical-rl;color:#fff;font-size:34px;font-family:mulibold; 
 transform:rotate(180deg);position: absolute;bottom: 10px;right:13px;
}
.kgraph .vtext small{font-family:muliregular;font-size:18px;margin-top: 10px;}
.bardesc{font-size:18px;font-family:muliregular;color:#000;margin-top:10px;}
.compain .bars{float:left;height: 70px;color: #fff;text-align: left;padding-left: 20px;line-height:70px;vertical-align: top;}
 .compain .totalAmt{text-align:right;}
.compain .totalAmt .totaltxt{font-size:18px;font-family:muliregular;margin-right:10px;}
.compain .totalAmt .unit{font-size:47px;font-family:muliregular;}
.compain .totalAmt .amount{font-size:68px;font-family:muliextrabold;}
.compain .amt{font-size:32px;font-family:mulibold;}
.compain .small{font-size:18px;font-family:muliregular;}
.compain .lending{background:linear-gradient(to right, #8590FA, #B78EE5);width: calc(66% - 20px);width: 0%;z-index:3;position: relative;
 }
#timeline_owl .active .compain .lending{  transition-delay: 0.5s; transition: all ease 1s;width: calc(66% - 20px); }
#timeline_owl .active .compain .donation{  transition-delay: 1s;transition: all ease 1.5s;width: 22%;margin-left:10px;z-index:2; }
#timeline_owl .active .compain .equity{  transition-delay: 1s;transition: all ease 1.5s;width: 12%; margin-left: 0;}
.compain .donation{background:linear-gradient(to right, #FF7B5C, #FBC95D);width: 22%;margin-right:10px;width: 0%;margin-left: -250px;position: relative;}
.compain .equity{background:linear-gradient(to right, #FF4351, #FF4C8D);z-index:1;margin-left: -150px;width: 0%;position: relative;}
.compain{
	position: relative;
	overflow: hidden;
}
.fundingright{position:relative;color:#fff;}
.fundingright img{width: 70%!important;
 -webkit-animation-name: rotate;
  -webkit-animation-duration:400s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotate;
  -moz-animation-duration:400s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
  }
 .fundDesc .unit{font-size:79px;font-family:muliregular;}
 .fundDesc .amt{font-size:94px;font-family:muliextrabold;}
 .fundDesc .uppart{font-size:28px;font-family:muliregular;display:block;text-align:left;}
 .fundDesc .uparrow{width:20px;height:20px;background:url('../images/left-arrow-white.svg') no-repeat;transform: rotate(90deg);display: inline-block;}

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}
.fundDesc {
	position: absolute;
	z-index: 999;
	top: 41%;
	left: 40%;
}
.active .timeline { 
	animation: rubberBand 3s;
}
 #timeline_owl .owl-nav button.owl-prev {
	 width:30px;height:20px;background:url('../images/left-arrow-black.svg') no-repeat;font-size:0;margin-right:20px;outline: 0;
 }
  #timeline_owl .owl-nav button.owl-next {
	 width:30px;height:20px;background:url('../images/right-arrow-black.svg') no-repeat;font-size:0;outline: 0;
 }
 #timeline_owl .owl-nav button.owl-prev span, #timeline_owl .owl-nav button.owl-next span{font-size:0!important;}
 .owl-nav{float: right;
 }
.owl-prev.disabled{opacity:0;cursor: default!important;}
.owl-next.disabled{opacity:0;cursor: default!important;}

 
.compain-sec{margin-left: 180px;}  
   
     
.compain-secin{
	 
	height:100%;
	width: 100%;
	white-space: nowrap;overflow-x: hidden; 
	padding-left: 0;z-index:1;
	     margin-top: 100px;
}
.compain-secin:before{
	content: '';
	position: absolute;
	background: url('../images/compain-sec-bg.svg') no-repeat;
	background-position: 0px 0px;
	background-size: contain;
	background-size: 550px;
	width: 550px;
	height: 550px;
	top: -120px;
	left: 0px;z-index:-1;
}
 #compainDetails{height:100vh; background: url('../images/compainDetails.svg') no-repeat;background-position: 0% -70%;padding-top: calc(50vh - 180px);}
 #compainDetailsgraph{height:100vh; background: url('../images/compainDetailsgraph.png') no-repeat;background-position:right bottom; }
 #kickstarterDetails{height:100vh; background: url('../images/kickstartbg.svg') no-repeat;background-position: 0 -42%; }
 .kickstarterBox{margin-top:130px;}
 .mb-40{margin-bottom:30px;}
 #kickstarterDetails .descs{font-size:28px;font-family:mulilight;color:#0F2105;}
 #kickstarterDetails .amountDetail{font-size:90px;font-family:mulibold;color:#2BDE73;margin-top:50px;}
 #kickstarterDetails .amountDetailDesc{font-size:40px;font-family:muliextralight;color:#707070;margin-top:0px;}
 #projectionDetails{height:100vh; background: url('../images/projectionDetails.svg') no-repeat;background-position: center;}
 .projectionHead{
	 font-size:100px;font-family:muliblack;color:#000000;
 }
  .projectionHead span{color:#2BDE73;}
  .projectionBox .descs{font-size:22px;font-family:mulilight;color:#6D6D6D;padding:2px 100px;}
 .projectionDesc{background: url('../images/projection.svg') no-repeat;width:550px;height:450px;background-size:contain;background-position: center;margin: 0 auto;position: relative;}
 .projectionBox{margin-top:150px;}
 .projectionDescBox{
	 background:#fff;
	 padding: 30px 40px; 
	 border-radius: 10px;
	 text-align:left;width: 300px;
	 position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important;
 }
 .projectionDescBox .titles{font-size:70px;font-family:mulibold;color:#000;line-height: 70px;}
 .projectionDescBox .desc{font-size:26px;font-family:mulilight;color:#000;}
 .totalDesc{list-style:none;margin-top:85px;}
 .totalDesc li{list-style:none;display: inline-block;min-width: 30%;text-align: center;}
 
 .totalDesc .amt{
		display:block;font-size:32px;font-family:muliregular;color:#2BDE73;
 } 
 .totalDesc .decs{
	 font-size:18px;font-family:mulilight;color:#707070;
 }
 @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }
  
.compainWid{
	width: 360px;display: inline-block; transition: all ease 1s;background:transparent;
	
}
/* .active .avg-compain{
	animation-name: fader;
    animation-delay: 1s;
    animation-duration: 0.8s;
}
.active .no-compain{
	animation-name: fader;
    animation-delay: 5s;
    animation-duration: 0.8s;
} */
/* .compainImg img{display:none;}
.compainImg img.current{display:inline-block;} */
.no-compain{width:300px;}

/* .no-compain.current{width:360px;}
.compainWid h4{font-size:30px;font-family:mulisemibold;line-height: 40px;margin-bottom:10px;opacity:0;}
.current.compainWid h4{font-size:30px;font-family:mulisemibold;transition: all ease 1s;opacity:1;}
.compainWid .amt{font-size:120px;font-family:muliextralight;line-height: 120px;color:#CECDCE;letter-spacing: -10px;}
.compainWid .unit{font-size:120px;font-family:muliextralight;line-height: 120px;color:#CECDCE;}

.compainWid.current .amt{font-size:120px;font-family:mulibold;line-height: 120px;color:#010001;letter-spacing: 0px;}
.compainWid.current .unit{font-size:120px;font-family:muliextralight;line-height: 120px;color:#010001;}
.compainWid .decs{font-size:20px;font-family:mulisemibold;color:#7D7D7D;display:block;opacity:0;}
.current.compainWid .decs{font-size:20px;font-family:mulisemibold;color:#7D7D7D;display:block;opacity:1;}
.single-compain.current.compainWid h4{margin-bottom: 0!important;}
.single-compain.current.compainWid .mb-20{margin-bottom: 20px!important;} */


#compainowl .owl-stage-outer{overflow:visible;}
.owl-item li{list-style:none!important;}
#compainowl .owl-dots{
	margin: 0 auto;
    text-align: center;bottom: 60px;
position: relative;
}
#compainowl .owl-dots span{
	width: 10px;
    height: 10px;
    background: #999;
    position: relative;
    border-radius: 50%;
    display: inline-block;    margin-right: 10px;
}
#compainowl .owl-dots button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
#compainowl .owl-dots .active span{background: #333; }
#compainowl .no-compain{width:360px;}
#compainowl h4{font-size:30px;font-family:mulisemibold;line-height: 40px;margin-bottom:10px;opacity:0;}
#compainowl  h4{font-size:30px;font-family:mulisemibold;transition: all ease 1s;opacity:1;}
#compainowl.amt{font-size:120px;font-family:muliextralight;line-height: 120px;color:#CECDCE;letter-spacing: -10px;}
 #compainowl .unit{font-size:120px;font-family:muliextralight;line-height: 120px;color:#CECDCE;}

#compainowl .amt{font-size:120px;font-family:mulibold;line-height: 120px;color:#010001;letter-spacing: 0px;}
#compainowl .unit{font-size:120px;font-family:muliextralight;line-height: 120px;color:#010001;}
#compainowl .decs{font-size:20px;font-family:mulisemibold;color:#7D7D7D;display:block;opacity:0;}
#compainowl .decs{font-size:20px;font-family:mulisemibold;color:#7D7D7D;display:block;opacity:1;}
#compainowl h4{margin-bottom: 0!important;}
#compainowl .mb-20{margin-bottom: 20px!important;}
.compainleft{float:left;margin-left:40px;}
.compainright{float:left;margin-left:100px;position: relative;}

	.bar-chart-wrapper {
		position: relative;
		padding: 40px 40px 40px 80px;
		width: 100%;
	}

	.bar-chart {
		height: 100%;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #ccc;
		border-left: 0px solid #ccc;
		margin: 25px 0 40px;

		white-space: nowrap;

		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.bar-chart .hidden-style {
		visibility: hidden;
	}

	.bar-chart .bar {
		bottom: 0;
		position: relative;
		height: 100%;
		display: inline-block;
	}

	.bar-chart .bar-value {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.bar-chart .bar-value-sum {
		font-size: 0.6em;
		text-align: center;
		position: absolute;
		width: 100%;
		margin-bottom: 8px;
	}

	.bar-chart .bar-line {
		width: 100%;
		background: #1F578E;
		position: absolute;
		bottom: 0;
	}



	.bar-chart .bar-line.active {
		z-index: 1000;
	}

	.bar-chart .bar-title {
		font-size: 0.7em;
		top: 100%;
		margin-top: 8px;
		position: absolute;
		text-align: center;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: normal;
	}

	.bar-chart .bar-y,
	.bar-chart .bar-x {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.bar-chart .bar-x-value,
	.bar-chart .bar-y-value {
		pointer-events: none;
		position: absolute;
		font-size: 0.7em;
	}

	.bar-chart .bar-x-value {
		height: 100%;
		width: 0;
		border-left: 1px solid rgba(200,200,200,0.2);
		top: -16px;
	}


	.bar-chart .bar-y-value {
		bottom: 35px;
		left: -3px;
		height: 0;
		width: 100%;
		border-top: 1px solid rgba(200,200,200,0.2);
	}

	.bar-chart .bar-y-value div {
		width: 54px;
		left: -54px;
		position: absolute;
		top: -7px;
		text-align: right;
	}

	.bar-chart .bar-y-value div,
	.bar-chart .bar-x-value div {
		font-weight: normal;
	}

	.bar-chart-wrapper .bar-legend {
		margin-top: 24px;
		padding: 20px;
		background: rgba(0, 0, 0, 0.03);
		margin-left: -40px;
	}

	.bar-chart-wrapper .bar-legend span {
		display: inline-block;
		width: 19%;
		margin-right: 1%;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 20px;
		font-size: 0.8em;
		cursor: pointer;
	}

	.bar-chart-wrapper .bar-legend .legend-item-wrapper {
		display: inline-block;
		width: 100%;
		max-width: 250px;
		position: relative;
		cursor: pointer;
		margin-bottom: -2px;

		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;

		white-space: nowrap;
	}

	.bar-chart-wrapper .bar-legend .legend-item {
		font-size: 0.7em;
		display: inline-block;
	}

	.bar-chart-vertical {
		border-top: 1px solid #ccc;
		border-bottom: none;
		height: auto;
		padding-bottom: 16px;
		margin-top: 32px;
		margin-left: 40px;
		width: calc(100% - 80px);
	}

	.bar-chart-vertical .bar-line {
		max-height: 40px;
		height: 100%;
		max-width: none;
	}

	.bar-chart-vertical .bar-value {
		height: 100%;
	}


	.bar-chart-vertical .bar {
		bottom: auto;
		left: 0;
		width: 100%;
		display: block;
		height: 24px;
		margin-top: 8px;
	}

	.bar-chart-vertical .bar-value-sum {
		font-size: 0.6em;
		text-align: center;
		position: absolute;
		margin-left: 8px;
		margin-top: 6px;
		width: auto;
	}

	.bar-chart-vertical .bar-title {
		margin: 0;
		width: 0;
		top: 8px;
		left: -60px;
		overflow: visible;
	}



	.chart-tooltip {
		position: absolute;
		padding: 10px;
        bottom:0;
        left:0;
		background: #fff;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
		font-size: 1em;
		z-index: 1000;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		pointer-events: none;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        transition: all ease 0.3s;
        outline:1px solid #288cad;
	}
.chart-tooltip:after{
    display: none;
    content:"";
    position: absolute;
    left:50%;
    margin-left:-4px;
    bottom:-12px;
    border-color:#ffffff transparent transparent;
    border-style: solid;
    border-width: 6px;
}

	.chart-tooltip .tooltip-title {
		color: #288cad;
		font-size: 0.8em;
	}

	.chart-tooltip .tooltip-change {
		color: #6c6864;
		font-weight: bold;
		float: left;
	}

	.chart-tooltip .tooltip-value {
		float: left;
		color: #999;
		margin-left: 5px;
	}

	.chart-tooltip .tooltip-change,
	.chart-tooltip .tooltip-value {
		font-size: 1em;
	}

	.chart-tooltip .tooltip:before, 
	.chart-tooltip .tooltip:after {
		content: "";
		position: absolute;
		border-right: 10px solid transparent;
		top: 100%;
		left: 23px;
	}

	.chart-tooltip .tooltip:before {
		border-top: 10px solid rgba(0,0,0,0.2);
		margin-top: 0;
	}

	.chart-tooltip .tooltip:after {
		border-top: 10px solid #fff;
		margin-top: -2px;
		z-index: 1;
	}

	.chart-tooltip .tooltip-change small {
		color: #999;
		font-weight: normal;
		font-size: 0.8em;
	}



	.legend-group {

		background-color: rgba(255,255,255,0.9);
		box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		border: 1px solid #aaa;

		position: absolute;
		padding: 8px 10px;
		margin-top: 20px;
		z-index: 10000;

		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.legend-group .legend-item {
		font-size: 0.7em;
	}

	.legend-items-group {
		max-height: 130px;
		overflow: auto;
	}

	.legend-item-group {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.legend-item-group-link {
		text-decoration: underline;
	}

	.legend-group strong {
		margin-bottom: 16px;
		display: inline-block;
	}
.bar{
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}


	.checkbox {
		width: 14px;
		height: 14px;
		display: inline-block;
		vertical-align: top;
		margin: 4px;
		cursor: pointer;
		background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAOCAYAAABZ/o57AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODBFMDVFN0Y3NzMzMTFFNUJDNDZERDRGMzc2QjkxODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODBFMDVFN0U3NzMzMTFFNUJDNDZERDRGMzc2QjkxODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTg5NUI2OTVEN0MyMTFFNDhGRjdBRjVEQUI4N0I1QjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTg5NUI2OTZEN0MyMTFFNDhGRjdBRjVEQUI4N0I1QjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5b9XnhAAAA0UlEQVR42mL8//8/w1AALCDi169fJLmWjY2Nkd76mOgQGA+oYQitHboAiA2BeMNgdigoJAuBWACIHQaLQ7FFbyA7O/sHID0f6tgBd+gBaPQuQBJrBDryws+fPxvwhSYok+DDyGoZQcUThbkXFGqOUIedB/GBbEcg2wDIPo8v16M7Bh0gq2OhQogKQKMXFKqBIAGgI0Fi6wlpJCWAqJVGDYCO6weG5AMQBvL7gViBmjmTGlGPkoGg9HpqF/gsVC6S5tO0CqUiEKCVQxmHSqMEIMAAqexd8CM7ZGcAAAAASUVORK5CYII=') no-repeat;
	}

	.checkbox:not(.partial).checked {
		background-position: -14px 0;
	}



	.checkbox.partial.checked {
		background-position: -28px 0;
	}



/*customization*/
.bar{
    overflow: hidden;
}
.visible-x .bar{
    overflow: visible;
}
.bar .bar-title{
    opacity: 0;
    transition: all ease 0.3s ;
    -moz-transition: all ease 0.3s ;
    -ms-transition: all ease 0.3s ;
    -webkit-transition: all ease 0.3s ;
    -o-transition: all ease 0.3s ;
}
.visible-x .bar .bar-title{
    opacity: 1;
}
.bar-chart .bar-line{
    height:0px;
    width:40%;
    left:0;
    right:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
    margin:0 auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform ease 1.2s 0.2s;
    -moz-transition: transform ease 1.2s 0.2s;
    -ms-transition: transform ease 1.2s 0.2s;
    -webkit-transition: transform ease 1s 0.2s;
    -o-transition: transform ease 1.2s 0.2s;
}

.loaded.bar-chart .bar-line{
     -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.bar-chart-wrapper{
    max-width:100%;
    margin: 0 auto;
  
}
#chart{
	overflow:hidden;
}
#chart .chart-tooltip{
    opacity: 1;
}
.bar-value-sum{
    opacity: 0; 
}
 
.bar-chart .bar-active .bar-line{
    background-color:#006666 !important;
}
.bar-active{
    background:#d1e0e0;
}
.bar-chart-wrapper .bar-legend{
    display: none;
}
.bar-chart .bar-y-value,.visible-x .bar .bar-title,.bar-title,.bar-chart .bar-value-sum{
    font-size: 12px;
}
.bar-chart-wrapper{
    padding: 0 20px 20px 40px;
}
.tooltip-title{
    display: block;
    font-weight:normal;
    font-size:12px;
    text-align:left;
    position: relative;
    top:-5px;
}
 //.bar-chart .bar-value{overflow:hidden;}
 .barheading{font-size:40px;font-family:mulibold;color:#47B9DE;margin-top:100px;margin-left:60px;margin-bottom:50px;}
 .bar-chart .bar-value-sum { 
    font-size: 24px!important;color:#47B9DE;
    font-family: mulibold;
}
#chart .bar-active{background:transparent!important;}
#chart .chart-tooltip{display:none!important;}
.bar-chart .bar-y-value div{opacity:0;}
 .barheading span{font-size:28px;font-family:mulilight;}
.active .bar{overflow:hidden;opacity:1;}
.active .bar .bar-title{opacity:0;}
.active .bar .bar-value-sum{opacity:1;}
.bar-chart .bar-line{background:linear-gradient(#633dd4, #2ed5d2, #fff)!important;}
.active .bar-chart .bar-line{transform: translateY(0%);}

.active .bar-chart .bar:after{
	position:absolute;
	bottom:-40px;
	content:"";
	left:0;
	width:100%;
	height:20px; 
}
.active .bar-chart .bar:nth-child(2):after{ 
	background:url('../images/bar/Kickstarter_logo.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;background-size: 80%;
}
.active .bar-chart .bar:nth-child(3):after{
		background:url('../images/bar/indiegogo-logo.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;background-size: 80%;
}
.active .bar-chart .bar:nth-child(4):after{ 
	background:url('../images/bar/mautycause.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
}
 
.active .bar-chart .bar:nth-child(5):after{ 
	background:url('../images/bar/croudfunder.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
}
.active .bar-chart .bar:nth-child(6):after{
		background:url('../images/bar/gfm-logo.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
}
.active .bar-chart .bar:nth-child(7):after{
		background:url('../images/bar/seed-and-spark.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
}
.active .bar-chart .bar:nth-child(8):after{ 
	background:url('../images/bar/petreon.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
	}
.active .bar-chart .bar:nth-child(9):after{ 
	background:url('../images/bar/Kiva.svg.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
}
.active .bar-chart .bar:nth-child(10):after{ 
	background:url('../images/bar/crowdrise.svg') no-repeat;width:100%;height:30px;content:'';position:absolute;bottom: -60px;background-size: contain;background-position: center;
}
 .active .bar .bar-title { 
	display: none;
} 


.kickstarter{margin-top:150px;position:relative;}
.kickstarter-details{position:absolute;width:300px;left:40%;top: -100px;}
.kickstarter-details span{display:block;}
.kickstarter-desc{background:#fff;padding:20px;box-shadow: 0 2px 4px rgba(0,0,0,0.09); }
.kickstarter-line{
	height:80px;width:100%;
	background:linear-gradient(#633dd4, #2ed5d2, #fff);
	 background:linear-gradient(
      to right, 
      #fff, 
      #2ed5d2, 
      #633dd4
    );
}
 
 
.cats-sec{position:relative;min-height: 220px;}
.cats-box{width:100%;list-style:none;padding: 0;}
.cats-box li{height:30px;display:inline;float:left;position:relative;text-align:center;cursor:pointer;}
.cats-box li .bar{width:100%;height:24px;}

.cats-box li:nth-child(1){width:25.50499897980004%;}
.cats-box li:nth-child(2){ width:24.07671903693124%;}
.cats-box li:nth-child(3){ width:21.08498265660069%;}
.cats-box li:nth-child(4){ width:11.3777800448888%;}
.cats-box li:nth-child(5){width:17.95551928177923%;}

.cats-box li:nth-child(1) .bar{ background:linear-gradient(to right, #05AAC2, #18CF94);border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.cats-box li:nth-child(2) .bar{ background:linear-gradient(to right, #FE4F93, #FF474B);}
.cats-box li:nth-child(3) .bar{ background:linear-gradient(to right, #fccb50, #fa7a90);}
.cats-box li:nth-child(4) .bar{ background:linear-gradient(to right, #8B42A4, #CC519D);}
.cats-box li:nth-child(5) .bar{ background:linear-gradient(to right, #485F83, #95A7CC);border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
#fundedProjects{height:100vh;padding-top: calc(50vh - 180px);}

.fundedBox .heading{font-size:40px;font-family:mulibold;display:block;}
.fundedBox .desc{font-size:32px;font-family:mulisemibold;}
.fundCat{list-style:none;text-align;left;}
.fundCat li{text-align: left;position:relative;padding-left:40px;color:#7D7D7D;font-size:20px;font-family:muliregular;padding-top: 17px;padding-bottom: 17px;}
.funddetails{display:inline-block;width:33%;vertical-align: middle;}
.funddetails:first-child{text-align:left;padding-left: calc(15% - 50px);}
.fundCat li:before{ width:24px;height:24px;position:absolute;left:0;content:'';border-radius:5px;top: 50%;transform: translateY(-50%);}
.fundCat li:nth-child(1):before{background:linear-gradient(to top, #06ACBE, #1CD888);}
.fundCat li:nth-child(2):before{background:linear-gradient(to top, #FE9754, #FED06F);}
.fundCat li:nth-child(3):before{background:linear-gradient(to top, #FF454F, #FF3A88);}
.fundCat li:nth-child(4):before{background:linear-gradient(to top, #9452FC, #04BFFF);}
.fundCat li:nth-child(5):before{background:linear-gradient(to top, #9553FC, #632AFE);}
.fundCat li:nth-child(6):before{background:linear-gradient(to top, #E6579A, #8F43A3);}

.fundedCatsDecBox{width:100%;position: relative;display: none;}
.fundedCatsDecBox.activated{display: block;}
.fundedCatsDec h1{font-size:30px;font-family:mulibold;display: inline-block;position:relative;}
.fundedCatsDec h3{font-size:30px;font-family:mulibold;display: inline-block;position:relative;}


.fundedCatsDec .divider{font-size:24px;font-family:mulilight;margin:0 10px; }

.fundedCatsbar {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding: 0;
	margin-top: 15px;
}
.fundedCatsbar li{margin-bottom:15px;width:60%;}
.fundedCatsbar li .title{font-size:22px;font-family:mulisemibold;display: inline-block;min-width:350px;line-height:28px;margin-bottom: 20px;vertical-align: middle;}
.fundedCatsbar li .title small{font-size:18px;font-family:mulisemibold;display: block;line-height:28px;color:#989898;}
.fundedCatsbar li .barBox{display: inline-block;width:60%;position:relative;}
.fundedCatsbar li .amts{font-size:20px;font-family:mulibold;display: inline-block;min-width:100px;text-align:right;padding-left:10px;position:absolute;top:-7px;}
.fundedCatsbar li:first-child .amts{  right: -125px;}
.fundedCatsbar li .amts2{font-size:17px;font-family:mulilight;min-width:100px;text-align:left;}
 
.fundedCatsbar .bar{height:10px;border-radius: 10px;width:0%;display: inline-block;} 
.fundedCatsbar .smallbar{height:10px;border-radius: 10px;width:0%;display: inline-block;} 
.activated .fundedCatsbar .bar{transition: all 1.2s ease-out;} 
.activated .fundedCatsbar .smallbar{transition: all 1.2s ease-out;background: linear-gradient( to right, #2BDE73, #2BDE73);} 

.barbox1{line-height:24px;padding-bottom: 5px;}
.fundedCatsDec .descs{font-size:24px;font-family:mulilight;}
.fundedCatsDec h1::after { 
	position: absolute;
	content: '';
	left: 0;
	width: 36px;
	height: 8px;
	bottom: -9px;
}
.fundedCatsDec h3::after { 
	position: absolute;
	content: '';
	left: 0;
	width: 36px;
	height: 8px;
	bottom: -9px;
}
.gamescat .fundedCatsDec h1::after { background: linear-gradient(to right, #05AAC2, #18CF94);}
.gamescat .fundedCatsDec h3::after { background: linear-gradient(to right, #05AAC2, #18CF94);}
.gamescat .fundedCatsbar .b1{background: linear-gradient(to right, #05AAC2, #18CF94);} 
.gamescat .instructs .pledged::before { background:linear-gradient(to right, #05AAC2, #18CF94);}

.designcat .fundedCatsDec h1::after { background: linear-gradient(to right, #FE4F93, #FF474B);}
.designcat .fundedCatsDec h3::after { background: linear-gradient(to right, #FE4F93, #FF474B);}
.designcat .fundedCatsbar .b1{background: linear-gradient(to right, #FE4F93, #FF474B);} 
.designcat .instructs .pledged::before { background:linear-gradient(to right, #FE4F93, #FF474B);}

.techcat .fundedCatsDec h1::after { background: linear-gradient(to right, #fccb50, #fa7a90);}
.techcat .fundedCatsDec h3::after { background: linear-gradient(to right, #fccb50, #fa7a90);}
.techcat .fundedCatsbar .b1{background: linear-gradient(to right, #fccb50, #fa7a90);} 
.techcat .instructs .pledged::before { background:linear-gradient(to right, #fccb50, #fa7a90);}

.filmscat .fundedCatsDec h1::after { background: linear-gradient(to right, #8B42A4, #CC519D);}
.filmscat .fundedCatsDec h3::after { background: linear-gradient(to right, #8B42A4, #CC519D);}
.filmscat .fundedCatsbar .b1{background: linear-gradient(to right, #8B42A4, #CC519D);} 
.filmscat .instructs .pledged::before { background:linear-gradient(to right, #8B42A4, #CC519D);}

.otherscat .fundedCatsDec h1::after { background: linear-gradient(to right, #485F83, #95A7CC);}
.otherscat .fundedCatsDec h3::after { background: linear-gradient(to right, #485F83, #95A7CC);}
.otherscat .fundedCatsbar .b1{background: linear-gradient(to right, #485F83, #95A7CC);} 
.otherscat .instructs .pledged::before { background:linear-gradient(to right, #485F83, #95A7CC);}
.otherscat .fundedCatsbar li .title {margin-bottom:0;}

.activated .a1 .smallbar{width:0.8068980748138143%;}
.activated .fundedCatsbar .a1 .bar{width:100%;} 
.activated .a2 .smallbar{width:0.8068980748138143%;}
.activated .fundedCatsbar .a2 .bar{width:70.86639631815636%;} 
.activated .a3 .smallbar{width:7.665531710731236%;}
.activated .fundedCatsbar .a3 .bar{width:69.3647832078701%;} 
.activated .a4 .smallbar{width:0.3227592299255257%;}
.activated .fundedCatsbar .a4 .bar{width:57.06994006925929%;} 
.activated .a5 .smallbar{width:16.13796149627629%;}
.activated .fundedCatsbar .a5 .bar{width:51.10323542727956%;} 

.activated .c1 .smallbar{width:5.151005167217207%;}
.activated .fundedCatsbar .c1 .bar{width:100%;} 
.activated .c2 .smallbar{width:0.4916665953750103%;}
.activated .fundedCatsbar .c2 .bar{width:65.31901836207567%;} 
.activated .c3 .smallbar{width: 0.2458332976875052%;}
.activated .fundedCatsbar .c3 .bar{width:62.83421897237158%;} 
.activated .c4 .smallbar{width: 0.4916665953750103%;}
.activated .fundedCatsbar .c4 .bar{width:50.47864726392948%;} 
.activated .c5 .smallbar{width: 0.0983333190750021%;}
.activated .fundedCatsbar .c5 .bar{width:45.19426386349841%;} 

.activated .d1 .smallbar{width: 12.85067483712573%;}
.activated .fundedCatsbar .d1 .bar{width:100%;} 
.activated .d2 .smallbar{width: 16.06334354640716%;}
.activated .fundedCatsbar .d2 .bar{width: 86.88527592165843%;} 
.activated .d3 .smallbar{width: 1.606334354640716%;}
.activated .fundedCatsbar .d3 .bar{width: 86.76176487313011%;} 
.activated .d4 .smallbar{width: 0.803167177320358%;}
.activated .fundedCatsbar .d4 .bar{width: 85.67853330107814%;} 
.activated .d5 .smallbar{width: 3.212668709281432%;}
.activated .fundedCatsbar .d5 .bar{width: 68.05425040889241%;} 

.activated .e1 .smallbar{width: 6.587355492084678%;}
.activated .fundedCatsbar .e1 .bar{width:100%;} 
.activated .e2 .smallbar{width: 17.56628131222581%;}
.activated .fundedCatsbar .e2 .bar{width: 50.62803408104503%;} 
.activated .e3 .smallbar{width: 17.56628131222581%;}
.activated .fundedCatsbar .e3 .bar{width:50.08281184167616%;} 
.activated .e4 .smallbar{width: 17.56628131222581%;}
.activated .fundedCatsbar .e4 .bar{width: 27.27580616276091%;} 
.activated .e5 .smallbar{width: 13.17471098416936%;}
.activated .fundedCatsbar .e5 .bar{width: 16.79184545115436%;} 

.activated .f1 .smallbar{width: 1.266288586662385%;}
.activated .fundedCatsbar .f1 .bar{width:100%;} 
.activated .f2 .smallbar{width: 1.462563317595055%;}
.activated .fundedCatsbar .f2 .bar{width: 31.7615568461006%;} 
.activated .f3 .smallbar{width: 1.266288586662385%;}
.activated .fundedCatsbar .f3 .bar{width: 48.72724067865977%;} 
.activated .f4 .smallbar{width: 8.864020106636694%;}
.activated .fundedCatsbar .f4 .bar{width: 48.80825782243443%;} 
.activated .f5 .smallbar{width: 5.014502803183044%;}
.activated .fundedCatsbar .f5 .bar{width: 34.51996392597074%;} 








#fundedCats{height:100vh;padding-top: calc(50vh - 290px);padding-left:40px;} 
#fundedCats.gamescat{background:url('../images/games-bg.png') no-repeat; background-position: right bottom;}
#fundedCats.designcat{background:url('../images/design-bg.png') no-repeat;background-position: 100% 120%;}
#fundedCats.techcat{background:url('../images/tech-bg.png') no-repeat; background-position: 100% 120%;}
#fundedCats.filmscat{background:url('../images/film-bg.png') no-repeat; background-position: 100% 120%;}
#fundedCats.otherscat{background:url('../images/other-bg.png') no-repeat;background-position: 100% 120%;}



.instructs{display:inline-block;font-size:16px;font-family:mulilight;position: absolute;left: 50%;margin-top:15px;}
.instructs .goal{padding-left:10px;margin-right:40px;position:relative;}
.instructs .goal::before {
	width: 10px;
	height: 10px;
	content: '';
	left: -5px;
	background: #2BDE73;
	top: 50%;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
}
.instructs .pledged{position:relative;}
.instructs .pledged::before {
	width: 10px;
	height: 10px;
	content: '';
	left: -15px; 
	top: 50%;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
}
#fundedCats .current .bar{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	height: 38px;margin-top: -7px;
}
#fundedCats  .cats-box li.current .desc{opacity:0;transition: all 0.5s ease-out;}

@keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0,0,0);
  }
}
 .pieID {
  display: inline-block;
  vertical-align: top;
}
 .pieID span{z-index:-1; }
.pie {
  height: 400px;
  width: 400px;
  position: relative;
  
}
.pie::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 180px;
	height: 180px;
	background: #fff;
	border-radius: 50%;
	top: 110px;
	left: 110px;
}
.pie::after {
  content: "";
  display: none;
  width: 120px;
  height: 2px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
  margin: 220px auto;
  
}
.s0-0::after {
	content: "37";
	display: block;
	width: 220px;
	height: 200px;
	position: absolute;
	color: #fff;
	right: -47px;
	transform: rotate(362deg);
	top: 156px;
}
.s1-0::after {
	content: "22";
	display: block;
	width: 220px;
	height: 80px;
	position: absolute;
	color: #fff;
	right: -5px;
	top: 25px; 
	transform: rotate(558deg);
}
.s2-0::after {
	content: "13";
	display: block;
	width: 220px;
	height: 50px;
	position: absolute;
	color: #fff;
	right: 42px;
	top: 29px;
	transform: rotate(478deg);
}
.s3-0::after {
	content: "9";
	display: block;
	width: 220px;
	height: 100px;
	position: absolute;
	color: #fff;
	right: 78px;
	top: 30px;
	transform: rotate(60deg);
	z-index: 999;
}
.s4-0::after {
	content: "5";
	display: block;
	width: 220px;
	height: 100px;
	position: absolute;
	color: #fff;
	right: 83px;
	top: 28px;
	transform: rotate(30deg);
}
.s5-0::after {
	content: "4";
	display: block;
	width: 220px;
	height: 100px;
	position: absolute;
	color: #fff;
	right: 75px;
	top: 35px;
	transform: rotate(10deg);
}
.slice {
  position: absolute;
  width: 400px;
  height: 400px;
  clip: rect(0px, 400px, 400px, 200px);

}
.active .slice { 
  animation: bake-pie 2s;
}
.slice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  clip: rect(0px, 400px, 400px, 200px);
}
#successRate{height:100vh; background: url('../images/successRate.svg') no-repeat;background-position: bottom;padding-top: calc(50vh - 290px);}
 
.rateBox .heading{font-size:40px;font-family:mulibold;display:block;}
.rateBox .desc{font-size:32px;font-family:mulisemibold;}
.ratedetails{display:inline-block;text-align:left;}
.ratedetailsgraph{display:inline-block;width: 100%;}
.ratebarlist{list-style:none;position:relative;}
.ratebarlist::after {
	height: 93%;
	width: 10px;
	position: absolute;
	left: 39.2%; 
	content: '';
	border-left: 1px dashed #333;
	bottom: 0;
	 transform:transitionX(-39.2%)
}
.ratebarlist li{display:block;padding-bottom:15px;text-align:left;}
.ratebarlist li .title{
	font-size:18px;font-family:mulisemibold;width: 120px;
	text-align: right;line-height: 24px;
	padding-right: 0px;
}
.ratebarlist li .successRate{font-size:17px;font-family:mulisemibold;color:#0DB1FF;width: 100px;text-align: center;}
.ratebarlist li .successRatetitle{font-size:22px;font-family:mulisemibold;color:#0DB1FF;width: 100px;text-align: center;padding-left: 100px;}
.ratebarlist li .failureRate{font-size:17px;font-family:mulisemibold;color:#C30541;width: 100px;text-align: center;}
.ratebarlist li .failureRatetitle{font-size:22px;font-family:mulisemibold;color:#C30541;width: 100px;text-align: center;padding-right: 200px;}
.avgratefooter{position:relative;width:100%;}
.avgRate{
	position: absolute;
	left: 37%;
	transform: translateX(-37%);
}
.avgRate .rates{font-size:30px;font-family:mulibold;color:#676767;display
:block;}
.avgRate .avgtitle{font-size:22px;font-family:mulisemibold;color:#676767;} 
.ratebarlist li span{display:inline-block;  }
.ratebarlist .bar{width:50%;height:10px;border-radius: 10px;width:0%;}
.active .ratebarlist .bar{transition: all 1.2s ease-out;width:50%;}
.halhy{width:45%!important;padding-right: 130px;font-family: mulisemibold;font-size: 22px;}
.ratebarlist .b1{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 60%,#CF3C6A 60%,#FF3373 100%);}
.ratebarlist .b2{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 57%,#CF3C6A 57%,#FF3373 100%);}
.ratebarlist .b3{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 50%,#CF3C6A 50%,#FF3373 100%);}
.ratebarlist .b4{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 42%,#CF3C6A 42%,#FF3373 100%);}
.ratebarlist .b5{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 38%,#CF3C6A 38%,#FF3373 100%);}
.ratebarlist .b6{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 37%,#CF3C6A 37%,#FF3373 100%);}
.ratebarlist .b7{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 37%,#CF3C6A 37%,#FF3373 100%);}
.ratebarlist .b8{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 32%,#CF3C6A 32%,#FF3373 100%);}
.ratebarlist .b9{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 31%,#CF3C6A 31%,#FF3373 100%);}
.ratebarlist .b10{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 26%,#CF3C6A 26%,#FF3373 100%);}
.ratebarlist .b11{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 25%,#CF3C6A 25%,#FF3373 100%);}
.ratebarlist .b12{background: linear-gradient(to right, #01C6FF 0%,#00E0ED 20%,#CF3C6A 20%,#FF3373 100%);}

.catsTitle{font-size:40px;font-family:mulibold;color:#070707;margin-bottom:10px;}
.cats-box li .desc{padding-top:20px;}
.cats-box .desc h2{font-size:32px;font-family:mulibold;font-weight:normal;margin-bottom: 0;} 
.cats-box .desc span{font-size:22px;font-family:mulilight;font-weight:normal;color:#0F2105;}
#fold_13{top:-100vh;}
#fold_14{top:-100vh;}
#fold_15{top:-100vh;}
#fold_16{top:-100vh;}
#fold_17{top:-100vh;}
#fold_18{top:-100vh;}
#fold_19{top:-100vh;}
#fold_20{top:-100vh;margin-bottom: -100vh;}
#fold_21{top:-100vh;}
#fold_xx{top:-100vh;}

.footer{
	width: 100vw;
	height: 228px;
	background-color: black;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	z-index:999999;
}
 .icons {
    position: relative;
    padding: 9px;
    transition: transform 0.2s;
	text-decoration:none!important;
	color:#fff;font-size: 20px !important; 
  }
  .icons:hover {
    color: #fff;
    transform: scale(1.3);
  } 
.footer img{
	margin: 40px;
}
.social-icon{margin: 40px;}
.footline{
	height: 1px;
	width: 70vw;
	background-color: #666666;
	margin-bottom: 30px; 
}
.footer_cr{
	font-size: 16px;
	color: white;    font-family: muliregular;
}
.footer_quote{
	font-size: 25;
	    font-family: muliregular;
	color: white;
}
::-webkit-scrollbar { display:none;}
.main_container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap; 
	width:100%;
	margin-left: 30px;    
/*	flex-direction: column;*/
}

 
.owl-nav {
	float: right;
	margin-right: 100px;
	top: calc(100vh - 250px);
	position: absolute;
	right: 0;
	display:none;
}
#datatitle{margin-left:-300px;}
#fold_0 #datatitle {
	margin-left: -10px; 
}

.leave_note {
	position: fixed;
	right: 10%;
	bottom: 200px;
	z-index:9999;
	display: none;
	opacity: 0;
}
.leave_note .btn {
	background: #FCF113;
	padding: 20px 30px;
	border: 0;
	border-radius: 0;
	font-family: muliextrabold;
	font-size: 21px;
}


/* RESPONSIVE */
@media screen and (max-width: 1800px) {
	.bg_circle1 {
		margin-left: 580px;
	}
	.owl-nav { 
		margin-right: 60px; top: calc(100vh - 300px);
	}
	.canvas-container { 
		left: calc(100% - 800px); }
}
@media screen and (max-width: 1600px) {
	#fold_20 .title_container {
		margin-top: 60px;
	}
	#compainowl .owl-dots { 
		bottom: 60px; 
	}
	
 .title_container { 
	margin-top: 0px; 
}
	.owl-nav { 
		margin-right: 60px; top: calc(100vh - 200px);  
	}
	.timeline { 
		bottom: 30px; 
	}
	.launchdesc { 
		top: 20px;
	}
	.kickstarterright { 
		width: 90%;  
	}
	.crowdfunding-journey {
		height: 100vh;
		padding-top: 60px;
	}
	.compainImg img.current {
		display: inline-block;
		padding-left: 40px;
	}
	#chart{height:360px!important;}
	 
#fundedCats.gamescat{background-size: 350px 450px;}
#fundedCats.designcat{	background-size: 350px 450px;}
#fundedCats.techcat{	background-size: 350px 450px;}
#fundedCats.filmscat{	background-size: 350px 450px;}
#fundedCats.otherscat{	background-size: 350px 450px;}
 
.projectionBox {
	margin-top: 90px;
}
.kickstarterBox {
	margin-top: 90px;
}
.totalDesc { 
	margin-top: 35px;
}
#kickstarterDetails .amountDetail {  margin-top: 30px;}
.ratebarlist::after { 
	left: 43.5%; 
}
.avgRate { 
	left: 42%; 
}
.bg_circle1 { 
	margin-left: 530px; 
}
.timeline {
	bottom: 0;
}

.heading_e2 { 
	margin-bottom: 60px;
}
.small_year { 
	top: 380px; left: 10%;
}
.big_year { 
top: 170px;
left: 70%;
}
.small_money{bottom: 130px;left: 12%;}
.big_money { 
	left: 70%; bottom: 220px;
}
.connect_line { 
	width: 60%;left: 19%;
}
.big_number { 
	transform: translate(50px,10px);
}
.process_title { 
	left: 8.3vw; 
	top: -60px;
}
.process_text {
	font-size: 22px;
	width: 655px;
	transform: translate(140px,420px);
}
#kickstarterDetails {
	background-position: 0 -165px;
	background-size: contain;
}
#fold_20 #datatitle {
	margin-top: 140px;
}
#fold_20 .byline{margin-top: -260px;
}
/* #slot_shadow { 
	clip-path: polygon(71.38% 0, 30.68% 100%, 100% 100%, 100% 0%); 
	 -webkit-clip-path: polygon(71.38% 0, 30.68% 100%, 100% 100%, 100% 0%); 
} */


#fold_20 #slot_shadow { 
	 clip-path: polygon(73% 0, 49% 100%, 100% 100%,  100% 0%); 
	 -webkit-clip-path: polygon(73% 0, 49% 100%, 100% 100%,  100% 0%); 
}
 
}
@media screen and (max-width: 1440px) {
	#kickstarterDetails {
		background-position:0 -90px;
		background-size: contain;
	}
	#compainDetailsgraph { 
		background-position: 105% bottom;
	}
	.bg_circle1 {
		margin-left: 420px;
	}
}
@media screen and (max-width: 1400px) {
	
	.compainleft { 
		margin-left: 0;
}
.compainright { 
    margin-left: 20px; 
}
	 
	.bg_circle1 {
	margin-left: 28%;
}
	.ratebarlist::after {
		left: 47.5%;
	}
	.avgRate {
		left: 45%;
	}
	.service_title {  font-size: 100px; }
	.service_number { font-size: 450px;}
	.crowdfunding-journey .centerdata {
	max-width: 70%; 
}
.timeline {
	bottom: 0px;
}
#fundedCats{ padding-left: 30px;}
#fundedCats.techcat{	background-position: right 460px;} 
.owl-nav {
	margin-right: 55px;
	top:90%;
}
.kickstarterright {
	width: 100%;
}
.kgraph{width: 150px;}
.vtwos{left:160px;}
.vthrees{left:320px;}
.vfours{left:480px;}
.vbar { 
	margin-left: 35px!important; 
}
.bardesc {
	font-size: 13px; 
}
.fundDesc { 
	top: 36%;
	left: 34%;
}
#compainDetailsgraph { 
	background-position: right 112%;
}
.kickstarterBox .descs{margin-top: 0px;}

#kickstarterDetails {
    background-position: 0 -85px;
    background-size: contain;
}

#kickstarterDetails .amountDetail {
	margin-top: 10px;
}
.catsTitle {
	font-size: 36px; 
}
.cats-box .desc h2 {
	font-size: 30px; 
}
.fundedCatsbar li .title { 
	min-width: 280px; 
}
.fundedCatsbar li { 
	width: 70%;
}
.projectionDesc { 
	height: 380px; 
}
.title_container { 
	margin-top: 0; 
}
.sans {
	margin-top: 130px; 
}
.byline { 
	margin-top: -300px; 
}
#slot_shadow { 
	clip-path: polygon(72.38% 0, 48% 100%, 100% 100%, 100% 0%); 
	 -webkit-clip-path: polygon(72.38% 0, 48% 100%, 100% 100%, 100% 0%); 
}
#fold_20 #slot_shadow { 
	clip-path: polygon(73% 0, 49% 100%, 100% 100%,  100% 0%); 
	 -webkit-clip-path: polygon(73% 0, 49% 100%, 100% 100%,  100% 0%); 
}
#datatitle{margin-left:-200px;font-size: 130px;

line-height: 130px;
}
}

@media screen and (max-width: 1300px) {
	#kickstarterDetails { 
		background-position:0 -105px;
		background-size: contain;
	}	
	#fold_0 .byline {
		width: 450px; 
		padding-right: 30px;
	}
	.bg_circle1 {
		margin-left: 25%;
	}
	.ratebarlist::after {
		left: 50.5%;
	}
	.avgRate {
	left: 48%;
}
	.upper {
		transform: translate(0px,-12vh);
	}
	.service_title {
	font-size: 70px;
	}
	.service_number {
		font-size: 340px;
	}
	.service_text { 
		transform: translate(0,20vh); 
	}
	.owl-nav {
		margin-right: 38px;
		
	}
	.fundDesc {
		top: 36%;
		left: 31%;
	}
	#datatitle { 
		font-size: 110px; 
	}
	#designtitle{font-size: 140px; }
	.launchdesc { 
		width: 640px;
	}
}

@media screen and (max-width: 1270px) {
 
		.compainright {
			margin-left: 40px;
		}
}

.modal-dialog{pointer-events:auto;}
.contact_popup{background:#fff none repeat scroll 0 0;padding:50px 50px 35px;position:relative;z-index:1;margin-top:5px;}
.conatctfrms{background:#fff none repeat scroll 0 0;padding:10px 50px 35px;z-index:1;margin-top:5px;}
.form-group{margin-bottom:21px;margin-top:21px;position:relative;}
.input-group{position:relative;}
.form-control{display:block;height:36px;width:100%;border:none;border-radius:0 !important;font-size:16px;font-weight:300;padding:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #757575;font-family:muliregular;}
.input-group .form-control{position:relative;z-index:inherit;float:inherit;width:100%;margin-bottom:0;}
.form-control:focus{border-color:#222;outline:none;-webkit-box-shadow:none;box-shadow:none;}
label {
  bottom: 22px;
  color: #999;
  font-size: 12px;
  font-weight: 300;
  margin-right: 15px;
  position: absolute;
transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;
}
.form-horizontal .control-label{position:relative;top:0;margin-bottom:0;}
 
.float-label{left:0;top:7px;font-size:16px;pointer-events:none;color:#414141;}
.form-control:focus ~ .float-label,
.form-control:valid ~ .float-label{top:-18px;font-size:12px;}
//default
.form-control:focus{~
label{color:#03a9f4;}
~
.form-bar:before,
~
.form-bar:after{background:#03a9f4;}
}
.form-control:valid ~ .control-label{}
.form-group .help-block{position:absolute;}
.help-block{color:#bdbdbd;//caption font-size:12 px;font-weight:300;}
.input-group-addon{border:none;background:transparent;}
.input-group-addon,
.form-inline .input-group{display:table-cell;}
.input-group-addon,
.input-group-btn{width:inherit;}
.input-group{width:100%;}
.teaxtarea.float-label{color:#414141;font-size:16px;left:0;pointer-events:none;top:13px;}
.teaxtarea > label{top:15px;}
 
.input-group-btn,
.input-group .form-control,
.input-group-addon,
.form-inline .input-group{display:inline-block;}
.input-group{width:auto;}
}
.form-bar{position:relative;display:block;width:100%;}
.form-bar:before,
.form-bar:after{content:'';height:1px;width:0;bottom:0;position:absolute;transition:0.3s ease all;-moz-transition:0.3s ease all;-webkit-transition:0.3s ease all;}
.form-bar:before{left:50%;}
.form-bar:after{right:50%;}
.form-control:focus ~ .form-bar:before,
.form-control:focus ~ .form-bar:after{width:50%;}
.form-highlight{position:absolute;height:60%;width:60px;top:25%;left:0;pointer-events:none;opacity:0.4;}
.form-control:focus ~ .form-highlight{-webkit-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
@-webkit-keyframes inputHighlighter{from{background:#fff;}
to{width:0;background:transparent;}
}
@keyframes inputHighlighter{from{background:#fff;}
to{width:0;background:transparent;}
}
 
.form-control-static{font-size:16px;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{background-color:transparent;border-bottom-style:dashed;}
#focusedInput{border-color:#ccc;border-color:rgba(82, 168, 236, .8);outline:0;-webkit-box-shadow:none;box-shadow:none;}
.modal { 
	z-index: 999999; 
}
.modal-body { 
	background: #fff;
	padding: 0px;
}
.modal.show .modal-dialog {
	 pointer-events: auto; 
	top: 40%;
	/* left: 50%;margin:0;*/
	transform: translateY(-50%) ;
}
.primary-btn-black{background:none;color:#222;border:1px solid #333333;position:relative;z-index:999;width: 100%;border-radius:0;}
.btn-transparent{background:none;color:#333333;}
.primary-btn-black::after{position:absolute;content:'';top:0;left:0;width:0;height:100%;background-color:#DE0000;-moz-transform-origin:left;-webkit-transform-origin:left;-o-transform-origin:left;transition:all 0.25s ease;-moz-transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;z-index:-1;}
.primary-btn-black:hover::after{width:100%;}
.primary-btn-black:hover{color:#ffffff;border-color:#DE0000;}
.form-group {
	margin-bottom: 21px;
	margin-top: 21px;
	position: relative;
}
.submitfrmc {
	width: 100%;
	height: 42px !important;margin-top: 40px;
}
textarea.form-control {
    height: auto;
}
.modal-dialog .close {
    background: rgba(0, 0, 0, 0) url(../images/cross-icon.svg) no-repeat scroll 0 0;
    cursor: pointer;
    display: block; 
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 4%;
    top: 5%;padding: 5px;
    width: 20px;height: 20px;
}
.modal-header {
    border-bottom: 0 solid #e5e5e5;
    padding: 20px 50px 15px;
    background: #111;
    color: #fff;
	border-top-left-radius: 0rem;
    border-top-right-radius:0rem; 
}
.modal-header h3 {
	    font-size: 24px;line-height:24px;
}
.btn-warning.focus, .btn-warning:focus {
	box-shadow: 0 0 0 0rem rgba(255,193,7,.5);
}




    /* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
	left: 120px;
	top: 115px;
}

.flip-container, .front, .back {
    width: 310px;
    height: 180px;
}

/* flip speed goes here */
.flipper {
	cursor:pointer;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
	transform:rotateX(0deg);
}
.flipit{transform:rotateX(-180deg);}
/* hide back of pane during swap */
.front, .back {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* front pane, placed above back */
.front {
    z-index: 1; 
}

/* back, initially hidden pane */
.back {
    transform: rotateX(-180deg); 
    animation: toFront 0.3s linear normal forwards;
}
.vertical.flip-container {
    position: relative;
}

@keyframes toBack {  
  0% {z-index:0;}
  100% {z-index:1;}
}
@keyframes toFront {
  0% {z-index:1;}
  100% {z-index:0;}
}
.vertical.flip-container .flipper {
    transform-origin: 100% 90px; /* half of height */
}
 /*new*/
.yaxis path,.yaxis line {
	    fill: none;
		stroke: #ddd;
		shape-rendering: crispEdges;
		stroke-width:2px;
	}
#my_dataviz2 .yaxis text {
		font-family: mulibold;
		font-size: 14px;
		fill:#333;
	}
/*till here*/
.axis path,.axis line {
	    fill: none;
		stroke: #ddd;
		shape-rendering: crispEdges;
		stroke-width:2px;
	}
	#my_dataviz2 .axis text {
		font-family: mulibold;
		font-size: 14px;
		fill:#333;
	}
	.tooltip1{
		position: absolute;
		background-color: #fdfdfd;
		width: 240px;
		border-radius: 7px;
		box-shadow: 0px 0px 10px #aaa;
	}
	.tooltip1 div{
		font-family: muliregular;
	}
	.ttt{
		color: white;
		border-radius: 7px 7px 0 0 ;
		padding: 10px 10px 10px 20px;
		font-weight: 600;
		font-size: 17px;
	}
	.tt1{
		color: black !important;
		font-size: 16px;
		padding: 20px; 
	}
	.tt2{
		color: black !important;
		font-size: 13px;
		display: flex;
		justify-content: space-around;
		padding-bottom: 10px;
		border-top: #eeeeee 1px solid;
		padding-top: 10px;
	}
	.tt2 div{
		color: black !important;
	}
.grid line{stroke:lightgrey;}
.grid .domain{stroke:lightgrey;}
.scatter_bigtext{font-size:36px;}
.scatter_bigtext .tallf{font-family:mulibold;}
.scatter_bigtext .smallf{font-family:muliregular;}
.scatter_bigtext .scatter_smalltext{font-family:muliregular;font-size:18px;}
.my_dataviz2_content {
	position: absolute;
	left: 80px;
	top: 130px;
	bottom: 0;
}
#my_dataviz2 {
	position: relative;
	top: 20%;
}
.fieldError {
	color: red;
	right: 0;
}
.form-control.fieldError {
	border-bottom: 1px solid red !important;
}
#_2006,#_2008,#_2009,#_2015,#_2017,#Ellipse_279{cursor:pointer;display: block;}


.modal-open .modal { 
    background: rgba(25,25,25,0.9);
	 
}

.modal.fade .modal-dialog { 
    transform: translateY(-50%);
    top: 40%;
}


/* SUCCESS */

#msgcon{display:none;left:50%;position:fixed;right:auto;top:50%;width:100%;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;padding:10px 40px 60px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
#msgcon h3{font-family:'mulisemibold';font-weight:normal;color: #333;text-transform: uppercase;}
#msgcon p{color: #333;}
#msgcon .btn {margin-top: 30px;    width: 170px;}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #22C25E;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 3;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  -webkit-box-shadow: inset 0px 0px 0px #7ac142;
  box-shadow: inset 0px 0px 0px #7ac142;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes scale {
  0%, 100% {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #22C25E;
    -moz-box-shadow: inset 0px 0px 0px 30px #22C25E;
    -webkit-box-shadow: inset 0px 0px 0px 30px #22C25E;
    -o-box-shadow: inset 0px 0px 0px 30px #22C25E;
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #22C25E;
    -moz-box-shadow: inset 0px 0px 0px 30px #22C25E;
    -webkit-box-shadow: inset 0px 0px 0px 30px #22C25E;
    -o-box-shadow: inset 0px 0px 0px 30px #22C25E;
  }
}
.compainImg {
    overflow: hidden;
}
.success-sec {
    background-image: url("../images/contact/contactbg.jpg");
    display: block;
    width: 100%;
    background-size: cover;
    height: 100vh;
    position: relative;
}
.success-sec::before {
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(25,25,25,0.9);
}
.alert-success{background-color:#fff;border-color:#fff;color:#000;line-height:24px;}
.close{color:#666;float:right;font-size:21px;font-weight:bold;line-height:1;margin-right:-7%;margin-top:-14%;opacity:1;font-size:28px;display:none;}
.great{line-height:19px;padding:8px 42px 6px 42px;border-radius:1px;color:#666;}


/* ANIMATION BACKGROUND */
@-webkit-keyframes backgroundAnimate {
  from {
    left: 0;
    top: 0;
  }
  to {
    left: -10000px;
    top: -2000px;
  }
}

@-moz-keyframes backgroundAnimate {
  from {
    left: 0;
    top: 0;
  }
  to {
    left: -10000px;
    top: -2000px;
  }
}

@-o-keyframes backgroundAnimate {
  from {
    left: 0;
    top: 0;
  }
  to {
    left: -10000px;
    top: -2000px;
  }
}

@keyframes backgroundAnimate {
  from {
    left: 0;
    top: 0;
  }
  to {
    left: -10000px;
    top: -2000px;
  }
}

#bgani {
  background: url('../images/Polygon-31.png') no-repeat 20% 20%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  z-index: -1;
  -webkit-animation-name: backgroundAnimate;
  -webkit-animation-duration: 500s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: backgroundAnimate;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: backgroundAnimate;
  -o-animation-duration: 500s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  animation-name: backgroundAnimate;
  animation-duration: 500s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#compainDetails { 
	  padding-top: calc(50vh - 200px);  
}





#nav-icon3{
  width: 25px;  margin-top: 7px!important;
  height: 30px;
  position: relative;
 margin-left: 80px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;float:right;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #333;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
  
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
  width:50%;
}

#nav-icon3.open span:nth-child(2),#nav-icon3.open span:nth-child(3) { 
  width:100%;
}

#nav-icon3 span:nth-child(4) {
  top: 14px;
}

#nav-icon3.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
} 
.navbar_container2 {
    position: fixed;
    right: -440px;
    opacity: 1;
    font-size: 20px;
    font-weight: 600;
    color: #979797;
    transition: all 0.5s ease;
    width: 350px;
    text-align: right;
    
    margin-right: 40px;
    z-index: 9999;
    top: 0;
    background: #fff;
    padding-right: 60px;
    height: 100vh;
}
.right_navbar2 { 
    position: relative;
	font-size: 20px;
    font-weight: 600;
    color: #979797;display: flex;
    flex-direction: column;
}
.right_navbar2>ul{
	transition: all 0.5s ease;
	margin-top: 22px;
	cursor: pointer; 
}
.exploretext{font-style: normal;}
.expertise {
    font-weight: normal;
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
}
 
 #my_dataviz2 text{fill:#333;font-size:12px;    font-family: muliregular;}
 .tick line{stroke:#eee;}
 #compainowl .owl-item{cursor:grab;}
 .containerfluid-mobile, .fold-mobile{display:none;}
@media screen and (max-width: 1279px) {
	 .headerlogo, .particle_show, .containerfluid{display:none;}
	  
	.containerfluid-mobile{
		display: block;
		width: 100%;
		position: relative;
		min-height: 100vh;
		background:url('../images/loader.svg') no-repeat;background-position: 50% 50%;
	}
	.fold-mobile{display:block;}
	.fold-mobile, .fold-mobile .footer{
	 position:relative;
	}
	.fold-mobile .footer .leave_note {
	position: absolute;
	right: 10%;
	bottom: 200px;
	z-index: 9999;
	display: block;
	opacity: 1;
	}
	.fullpagesvg{width:100%;display:block;}
	 
	 
 }
 @media screen and (max-width: 767px) {
	 .fold-mobile .footer {  margin-top: 40px; }
	 .leave_note .btn { 
			padding: 10px 20px; 
		}
		.fold-mobile .footer .leave_note { 
			bottom: 210px;     right: auto;
		}
 }