:root {
  --topBar-height:56px;
  --topIcon-height:40px;
  --light-main-color:#9B85FF;
  --soft-main-color: #8A70FF;
  --main-color:#7A5CFF;
  --strong-main-color:#6947FF;
  --black-0:#080808;
  --black-1:#121212;
  --black-2:#1A1A1A;
  --black-3:#1F1F1F;
  --grey-color:#80868b;
  --white-color:#F3F2F5;
}
    
body {
    font-family:Fira,Roboto,Arial,Helvetica,sans-serif;
    margin:0;
    padding:0;
    color:#3D3C42;
    background: var(--black-1);
    display:block;
    letter-spacing: 0.03em;	
    line-height: 1.444;
    min-height:100%; 
    width:calc(100%);
    position: absolute;
    height:fit-content;
    overflow-x: hidden;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	}
svg .invisible_cadre{
	fill:none;
	stroke:none;
	}
         #topBar{	
             padding-top:100px;
             display:flex;
             width:100%;
             height:calc(var(--topBar-height) + 100px);
             background-color: var(--black-0);
             position: fixed;
             top:-100px;
             z-index:11;
             box-sizing:border-box;
             box-shadow: 0 7px 5px -5px #000;
             vertical-align: top; 
             -webkit-transition: transform 300ms cubic-bezier(0.24,1,0.32,1) ,background-color 400ms cubic-bezier(0.39,0.575,0.565,1);
             transition: transform 300ms cubic-bezier(0.24,1,0.32,1) ,background-color 400ms cubic-bezier(0.39,0.575,0.565,1);
             flex-wrap: nowrap;
             justify-content: center;
             align-items: center;
         }
         #menuIcon{
         	fill:#8C8C8C;
         }
         body.down #topBar {
    -webkit-transform: translate3d(0,-61px,0);
    transform: translate3d(0,-61px,0);
}

         #topBarLeft{
             width:0px;
             height:100%;
             flex-grow: 1;
             padding-left:15px;
             box-sizing:border-box;
         }
         #logo{
             display:block;
             height:100%;
             width:fit-content;
             float:left;
         }
         #topBar_nav{
             height:100%;
             width:0px;
             box-sizing:border-box;
             padding-right:15px;
             flex-grow: 1;
         }
         #logo1{
             height:calc(var(--topIcon-height));
             margin-top:calc((var(--topBar-height) - var(--topIcon-height))/2);
             float:left;
         }
         .topBar_nav-list{
             height:100%;               
             list-style: none;
             margin-top: 0;
             margin-bottom: 0;
             margin-left: 0;
             float: right;
         }
         .topBar_nav-li{
             display: table;
             float: left;
             position: relative;
             width: auto;
             height:100%;
             line-height: 1.625;
             font-size: 16px;
             letter-spacing: 0;
         }
         .topBar-active a{
             border-bottom: 2px solid var(--light-main-color);;
 			color:#fff;
         }

         .topBar_nav-li-link{
             padding: 0 15px;
             transition: background .6s cubic-bezier(.25,.46,.45,.94);
             line-height: 1.85714;
             color: #5f6368;
             font-family:Fira,Roboto,Arial,Helvetica,sans-serif;
             font-size: 15px;
             font-weight: 400;
             height: auto;
             letter-spacing: .25px;
             width: auto;
             text-decoration: none;
             display:table-cell;
             vertical-align: middle;
         }
         .nav-is-active{
             color:#000;
         }
         .nav-is-active:after {
             background: #6947FF;
             bottom: 0;
             content: '';
             height: 2px;
             left: 10px;
             position: absolute;
             right: 10px;
         }
         main{
             visibility: hidden;
             padding: var(--topBar-height) 0px 0px 0px;
             color: var(--grey-color);
         }
         .main-active{
             visibility: visible;
         }
         main>section {
             margin: 0 auto;
             max-width: 1300px;
             padding: 40px 50px;
             position: relative;
             width: 100%;
             box-sizing:border-box;
         }
         .heading.visible {
             opacity: 1;
         }
         .heading {
             display: -ms-flexbox;
             display: flex;
             -ms-flex-pack: justify;
             justify-content: space-between;
             margin: 0 auto;
             opacity: 0;
             padding-bottom: 110px;
             padding-top: 120px;
             transition: opacity .5s cubic-bezier(.25,.46,.45,.94);
         }
         .heading .heading-description, .heading .heading-title {
             -ms-flex-align: start;
             align-items: flex-start;
             display: -ms-flexbox;
             display: flex;
         }
         .heading .heading-title {
             width: 50%;
         }
         .heading .heading-title h1 {
             color: #fff;
             font-family: Fira,Roboto,Arial,Helvetica,sans-serif;
             font-size: 70px;
             letter-spacing: -1px;
             line-height: 80px;
         }
         main p {
             font-size: 20px;
             line-height: 1.625;
             font-weight:300;
         }
         .heading .heading-description, .heading .heading-title {
             -ms-flex-align: start;
             align-items: flex-start;
             display: -ms-flexbox;
             display: flex;
         }
         .heading .heading-description {
             -ms-flex-direction: column;
             flex-direction: column;
             max-width: 500px;
             width: 40%;
         }
         .heading .heading-description p {
             line-height: 40px;
             margin:0px;
         }
         strong{
         	font-weight:400;
         }
         h1,h2{
             font-weight: 400;                
         }
         h1, h2, div, ul, li{
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }

         .full-size{
             max-width: none;
             color:#fff;
         }
         .today-section{
             background:#D659FF;                
         }
         .development-section{
             background:var(--black-3); 
         }
         .support-section{
             background: #8731E8; 
         }
         .support-section div{
             margin-left: auto;
             margin-right: auto;
             max-width: 1300px;
         }
         .section-title{
             max-width: 1300px;
             margin:70px auto; 
             text-align: center;
         }
         .section-title h1{
             font-size:50px;

         }
         .double-article{
             margin: 0 auto;
             max-width: 1300px;
         }
         .article-wrapper{
         	display:block;
         }
         .double-article .article-wrapper:nth-of-type(1) .article{
             padding-top: 0;
         }
         .double-article .article {
             -ms-flex-align: center;
             align-items: center;
             display: -ms-flexbox;
             display: flex;
             -ms-flex-pack: justify;
             justify-content: space-between;
             padding-top: 80px;
             
         }
         .double-number, .section-footer, .double-article .article, .support-content, .section-title{
         	opacity: 0;
             -ms-transform: translateY(100px);
             transform: translateY(100px);
             transition: opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);
         }

         .double-article .article .image {
             height: 0;
             max-width: 735px;
             padding-bottom: calc(67% * .58);
             position: relative;
             width: 58%;
         }
         .double-article .article .image img {
             height: 100%;
             object-fit: cover;
             position: absolute;
             width: 100%;
         }
         img {
             -ms-interpolation-mode: bicubic;
             display: inline-block;
             height: auto;
             max-width: 100%;
             vertical-align: middle;
         }
         .double-article .article .content {
             -ms-flex-align: center;
             align-items: center;
             display: -ms-flexbox;
             display: flex;
             -ms-flex-direction: column;
             flex-direction: column;
         }
         .double-article .article .content-wrapper .article-title {
             font-size: 36px;
             margin-bottom: 36px;
             color:var(--white-color);
         }
         .full-size .double-article .article .content-wrapper .article-title {
         	color:#fff;
         }
         .double-article .article .content {
             -ms-flex-align: center;
             align-items: center;
             display: -ms-flexbox;
             display: flex;
             -ms-flex-direction: column;
             flex-direction: column;
         }
         .today-section .double-article .article .content-wrapper {
             max-width: 450px;
         }
         .double-article .article .content-wrapper {
             max-width: 390px;
         }

         .double-article .article-wrapper:nth-child(2n) .article{
             -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
         }
         .visible .article-wrapper:nth-of-type(2) .article{
             transition-delay: .3s;
         }
         .section-footer{
         	text-align:center;
         	margin-top:70px;
         	padding-bottom:40px;
         }
         .footer-link{
        		text-decoration: none;
    color: #fff;
    display: flex;
    justify-content:space-between;
    width: fit-content;
 			margin: auto;
    transition: transform 300ms ease;
         }
         .footer-link h1{
         	line-height:74px;
         	margin: 0;
         	padding-right:50px;
         }
         .footer-icon{
         	background:#fff;
         	height: 74px;
    width: 74px;
    border-radius: 37px;
         }
         .footer-icon svg{
         	fill:#CC36FF;
         	height:50px;
         	margin-top:12px;
         }

         
         .double-number{
             margin: 0 auto;
             max-width: 1300px;
             display:flex;
             padding-bottom: 40px;
             padding-top: 40px;

         }
/*             .visible .double-number { */
/*                 opacity: 1; */
/*                 -ms-transform: none; */
/*                 transform: none; */
/*             } */
.visible .double-number:nth-of-type(3){
    transition-delay: .3s;
}
.number{
    display:flex;
    width:50%;
    padding:0px 40px;
    margin-right: 20px;           
}

.number:nth-child(2n) {
    margin-left: 20px;
    margin-right: 0px;
}
.number-icon{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #fff;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
    font-family: Fira,Roboto,Arial,Helvetica,sans-serif;
    font-weight: 800;
    color: var(--black-3);
    flex-shrink: 0;
    margin-right:70px;
    margin-top: 25px;
}
.content{
    
}
.number-title{
    font-size:36px;
}
.number-link{
    text-decoration: none;
    color: #fff;
    float: right;
    display:flex;
    transition: transform 300ms ease;   
}
.number-link p{
    font-size:16px;
    margin:0px;
    line-height:25px;
}
.number-link svg{
    width: 25px;
    height:25px;
    margin-left: 10px;
    fill: #fff; 
          
}

.support-line{   
    display:inline-block;
    margin-top:50px;
    margin-bottom: 50px;
}
.support-line h2{
    font-size:36px;
}
.support-line-title{
    display:inline;
}
.support-line-content{
    display: flex;
}
.support-line-content img{
    width:100px;
    display: block;
    margin: auto;
    padding-right: 100px;
}
#goal-support-line .support-line-title{
    background-color:#CC36FF;
}
#bet-support-line .support-line-title{
    background-color:#8731E8;
}
#dream-support-line .support-line-title{
    background-color:#6943FF;
}
.support-color-message{
    width:100%;
    text-align:right;  
    margin:80px 0px 50px 0px;           
}
.support-color-message h1{
    font-size: 54px;
    padding:5px;
    display: inline-block;
}
.purple-support-color-message{
	background-color:#CC36FF;
    
}
.pink-support-color-message{
	background-color: #fff;
    color: #CC36FF;
}
.support-double-block{
    display:flex;
    width:100%;
    margin-bottom: 50px;
}
.support-block{
    width: 40%
}
.support-block-content{
    
}
.support-block-title{
    font-size: 36px;
}
#end-support-line{
    text-align: center;
    width: 100%;
}
#end-support-line p{
    font-size: 26px;
}
.support-asterix p{
    text-align:right;
    font-size: 12px;
}
.more-content-pointer{ 
	float:right;
    display:flex;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    margin-top: 20px;
}
.more-content-pointer p{
    font-size:16px;
    color:#3679FF;
    line-height:25px;
    margin:0;
}
.more-content-pointer svg{
    width: 25px;
    height:25px;
    margin-left: 10px;
    fill:#3679FF;
}
.more-content{
	margin-top:40px;
    text-indent: 50px;
    column-width: 500px;
    column-gap:30px;
    display:none;
    opacity:0;
    transition: opacity 400ms ease;
}
.more-content.more-content-active{ 	
	display:block;
	opacity:1;
}
.more-content p{
    margin:0;
    font-size:16px;

}
.more-content .more-content-highlight{
    color:#fff;
    background-color:#3679FF;
}
.topRight{
	display:none;
}
.drawer{
	background: #fff;
	border: 0 solid red;
	bottom: 0;
	left: calc(100% - 280px);
	max-width: 280px;
	position: fixed;
	right: 0px;
	top: 0;
	transform: translate3d(200%,0,0);
	transition: transform .35s cubic-bezier(.24,1,.32,1);
	visibility: hidden;
	z-index: 102;
}           
.drawer-backdrop {					
    background: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
    visibility: hidden;
    z-index: 101;
}
.drawer-is-shown .drawer{
	transform: translate3d(0,0,0);
	visibility: visible;
	background: var(--black-1);
    box-shadow: 0px 0px 5px #000;
}
.drawer-is-shown .drawer-backdrop {
	visibility: visible;
	opacity: 1;
}
.drawer-header{
	width:100%;
	height:var(--topBar-height);
	line-height: var(--topBar-height);
    text-align: center;
    font-size: 20px;
    color: var(--light-main-color);
}
.drawer_nav-list{
	list-style: none;
    margin-bottom: 0;
    margin-left: 0;
}
.drawer_nav-li{
    display: table;
 			width: 100%;
}
.topBar-active.drawer_nav-li a{
	border-bottom:0px;
	
}
.drawer_nav-li-link{
	color: #5f6368;
    display: table-cell;
    font-family: Fira,Roboto,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    letter-spacing: .25px;
    padding-left: 16px;
    padding-right: 16px;
    vertical-align: middle;
    width: 100%;
    text-decoration: none;
}
            
@media only screen and (max-width: 1250px){
     .heading .heading-title h1 {
         font-size: 50px;
         line-height: 60px;
     }
     main p {
         font-size: 15px;
     }
     .double-article .article .content-wrapper .article-title {
         font-size: 26px;
     }
     .number-title{
         font-size:26px;
     }
     .double-article .article .content-wrapper {
         max-width: 340px;
     }
     .section-title h1{
        font-size:36px;
     }
	.number-icon{
		line-height: 74px;
		font-size: 36px;
		font-weight: 600;
		margin-right:40px;
		margin-top: 0px;
		height: 74px;
		width: 74px;
	}
 }
@media only screen and (max-width: 940px){
            
    #topBar_nav{
    	display:none;
    }
    main>section {
	    padding: 20px 20px;
	}
	.heading {
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	    padding-top: 40px;
	}
	.heading .heading-title {
	    padding-bottom: 20px;
	    width: 100%;
	}
	.heading .heading-description {
	    max-width: none;
	    width: 100%;
	}
	.heading .heading-title h1 {
	    font-size: 28px;
	    line-height: 36px;
	}
	.heading .heading-description p {
	    font-size: 16px;
	    line-height: 24px;
	}
	.section-title{
		margin: 0px;
	 			text-align: center;
	 			margin-bottom: 20px;
	
	}
	.section-title h1 {
	    font-size: 30px;
	}
	.double-article .article {
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -ms-transform: translateY(50px);
	    transform: translateY(50px);
	    padding-top: 40px;
	}
	.double-article .article-wrapper:nth-child(2n) .article{
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	.double-article .article .image {
	    max-width: none;
	    padding-bottom: calc(67%);
	    width: 100%;
	}
	.double-article .article .content {
	    margin-top: 40px;
	    width: 100%;
	}
	.full-size .double-article .article .content {
	    margin-top: 40px;
	    width: 100%;
	    padding: 0px;
	}
	.double-article .article .content-wrapper .article-title {
	    font-size: 22px;
	    margin-bottom: 20px;
	}
	main p {
	    font-size: 16px;
	    line-height: 1.7;
	}
	.double-number{
		-ms-flex-direction: column;
	    flex-direction: column;
	    padding: 0px;
	}
	.number{
		-ms-flex-direction: column;
	    flex-direction: column;
	    width: 100%;
	    padding:0px;
	}
	.number:nth-child(2n){
		margin: 0px;
	}
	.number-icon{
		margin: auto;
		margin: 40px auto 0px auto;
	}
	.number-title {
	    font-size: 22px;
	    text-align: center;
	}
	.number .content{
		margin-top:20px;
	}
	.number-link{
		justify-content: center;
	 			float: none;
	 			margin-bottom:20px;
	}
	.support-line-content{
		-ms-flex-direction: column;
	    flex-direction: column;
	}
	.support-line-content img{
		padding:0px;
	}
	.support-line h2 {
	    font-size: 22px;
	    text-align:center;
	    font-weight:300px;
	    margin-top:30px;
	}
	.support-double-block{
		-ms-flex-direction: column;
	    flex-direction: column;
	}
	.support-block{
		width:100%;
	}
	.support-block-title{
		font-size: 16px;
	}
	.off_mobile{
		display:none;
	}
	#end-support-line p {
	    font-size: 20px;
	}
	.support-color-message h1{
		width:100%;
	}
	.support-color-message{
		text-align: center;
	}
	.topRight {
	    display: block;
	    float: right;
	    height: var(--topBar-height);
	 	width: var(--topBar-height);
	    background-color: none;
	    position: relative;
	    -webkit-transition: background-color 100ms ease;
	    transition: background-color 100ms ease;
	}
}
.visible .article, .visible .section-footer, .visible .section-title, .visible .double-number, .visible .support-content {
    opacity: 1;
    -ms-transform: none;
    transform: none;
}