html{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    margin:0;
    box-sizing: border-box;
    height: 100%;
  }
*,*::before, *::after{
    box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
}
body{
    height: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color:#F7F7F7;
    text-decoration: none;
    display: grid;
    outline: none;
}
a{
    text-decoration: none;
    color:#090909;
    cursor: pointer;
}
button{
    border: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    color:#F7F7F7;
    cursor: pointer;
    box-sizing: border-box;
}
h1{
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 700;
}
h2{
    font-size: 24px;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 16px;
}

/* Стили шапки */

header{
    position: absolute;
    z-index: 88;
    height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper_for_header{
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.logo svg{
    height: 52px;
    width: 183px;
}
/* .navigation_in_header{
    width: 20%;
} */
.navigation_in_header ul{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* Бургер временный */

.burger-checkbox {
    position: absolute;
    visibility: hidden;
  }
  .burger {
    cursor: pointer;
    display: block;
    position: relative;
    border: none;
    background: transparent;
    width: 30px;
    height: 23px;
    margin: 30px auto;
    margin-left: 8px;
  }
  .burger::before,
  .burger::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: #F7F7F7;
  }
  .burger::before {
    top: 0;
    box-shadow: 0 11px 0 #f7f7f7;
    transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    -webkit-transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    -moz-transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    -ms-transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    -o-transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
  .burger::after {
    bottom: 0;
    transition: bottom .3s .15s, transform .3s;
    -webkit-transition: bottom .3s .15s, transform .3s;
    -moz-transition: bottom .3s .15s, transform .3s;
    -ms-transition: bottom .3s .15s, transform .3s;
    -o-transition: bottom .3s .15s, transform .3s;
}
  .burger-checkbox:checked + .burger::before {
    top: 11px;
    transform: rotate(45deg);
    box-shadow: 0 6px 0 rgba(0,0,0,0);
    transition: box-shadow .15s, top .3s, transform .3s .15s;
    -webkit-transition: box-shadow .15s, top .3s, transform .3s .15s;
    -moz-transition: box-shadow .15s, top .3s, transform .3s .15s;
    -ms-transition: box-shadow .15s, top .3s, transform .3s .15s;
    -o-transition: box-shadow .15s, top .3s, transform .3s .15s;
}
  .burger-checkbox:checked + .burger::after {
    bottom: 11px;
    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .15s;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

/* Бургер временный */

.background_white_block{
    position: absolute;
    background-color:#F7F7F7;
    z-index: 1;
    width: 140px;
    height: 72px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
}
.sign_in{
    display: none;
}
.sign{
    height: 52px;
    width: 120px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    background: linear-gradient(90deg, #FF53D5, #F153ED);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sign p{
    display: block;
    font-size: 15px;
}
.sign::before{
    position:absolute;
    z-index: 0;
    content:'';
    position: absolute;
    background-color:#F7F7F7;
    z-index: -1;
    width: 128px;
    height: 60px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    opacity: 0;
    transition: opacity .2s ease-in-out 0s;
    -webkit-transition: opacity .2s ease-in-out 0s;
    -moz-transition: opacity .2s ease-in-out 0s;
    -ms-transition: opacity .2s ease-in-out 0s;
    -o-transition: opacity .2s ease-in-out 0s;
}
.sign:hover:before{
    opacity: 0.25;
}
.sign svg{
    height: 20px;
    width: 20px;
    fill: #F7F7F7;
    margin-right: 5px;
}
.tel{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    background-color: transparent;
    height: 52px;
    width: 52px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    transition: background-color .5s ease-in-out 0s;
    -webkit-transition: background-color .5s ease-in-out 0s;
    -moz-transition: background-color .5s ease-in-out 0s;
    -ms-transition: background-color .5s ease-in-out 0s;
    -o-transition: background-color .5s ease-in-out 0s;
}
.tel svg{
    height: 26px;
    width: 26px;
    fill: #F7F7F7;
    transition: fill .5s ease-in-out 0s;
    -webkit-transition: fill .5s ease-in-out 0s;
    -moz-transition: fill .5s ease-in-out 0s;
    -ms-transition: fill .5s ease-in-out 0s;
    -o-transition: fill .5s ease-in-out 0s;
}
.tel:hover{
    background-color: #F7F7F7;
}
.tel:hover svg{
    fill: #8B8B8B
}
.navigation_circle{
    display: none;
}

/* Навигация */

.navigation{
    position:fixed;
    z-index: 89;
    display: flex;
    right: 0px;
    top: 30%;
    text-align: end;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
}
.navigation li{
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    margin-bottom: 40px;
    position: relative;
    transition: transform ease .3s;
    -webkit-transition: transform ease .3s;
    -moz-transition: transform ease .3s;
    -ms-transition: transform ease .3s;
    -o-transition: transform ease .3s;
}
.anchor{
    position: relative;
    left:0px;
    font-size: 16px;
    color:#F7F7F7;
    font-weight: 400;
    opacity: 0.5;
    transition: opacity .3s ease-in-out 0s;
    -webkit-transition: opacity .3s ease-in-out 0s;
    -moz-transition: opacity .3s ease-in-out 0s;
    -ms-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.anchor:hover{
    opacity: 1;
}
.anchor::before{
    position: absolute;
    right: -70px;
    content: '';
    margin-left: 8px;
    background-color: #FF53D5;
    height: 2px;
    width: 50px;
    transition: all ease-out .5s;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -ms-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
}
.anchor.active{
    left:-50px;
    transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
}
.navigation ul li a.active{
    opacity: 1;
}

/* ОСНОВНАЯ СТРАНИЦА */

main{
    width: 100%;
    min-height: calc(100vh - 100px);
}

/* БЛОК№1 - ИНТРО */

.start{
    /* width:100%;
    height: 150%; */
    background: url('../img/sb-start.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
}
.start_wrapper{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.intro{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
    height: 300px;
    margin-bottom:350px;
    margin-top: 300px;
}
.vidion_background{
    position:absolute;
    z-index: 1;
    top: 230px;
    left: 100px;
    width: 786px;
    height: 324px;
    background-image: url('../img/st-intro.png');
}
.first_section_text{
    width:70%;
    z-index: 2;
}
.first_section_text p{
    font-size: 24px;
    font-weight: 400;
}
.play{
    height: 92px;
    width: 92px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    background: linear-gradient(90deg, #FF53D5, #F153ED);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.35), 
    0 0 0 15px rgba(207, 86, 237, 0.25), 
    0 0 0 30px rgba(207, 86, 237, 0.15);

}
.play svg{
    fill: #F7F7F7;
    height: 48px;
    width: 48px;
    margin-left:7px;
}
.play::before{
    position: absolute;
    content:'';
    height: 152px;
    width:152px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color:#F7F7F7;
    opacity: 0;
    transition: transform 1s ease 0s;
    -webkit-transition: transform 1s ease 0s;
    -moz-transition: transform 1s ease 0s;
    -ms-transition: transform 1s ease 0s;
    -o-transition: transform 1s ease 0s;
    z-index: -1;
}
.play:hover:before{
    transform:scale(0.1);
    -webkit-transform:scale(0.1);
    -moz-transform:scale(0.1);
    -ms-transform:scale(0.1);
    -o-transform:scale(0.1);
    opacity: 0.5;
} 
.play_button_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 160px;
    height: 160px;
    z-index: 10;
}
.play p{
    position: absolute;
    font-size: 15px;
    bottom:-5px;
    border-bottom: 1px dotted #F7F7F7;
    font-weight: 400;
}
.video_player_wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    height:0;
    overflow: hidden;
    z-index: 100;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
}
#close{
    display: none;
}
.blur{
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background-color: #090909;
    opacity: 0.5;
    z-index: 99;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
}

/* Блок№2 - активность */

.activity_wrapper{
    width:100%;
    display: flex;
    justify-content: end;
}
.activity{
    width:55%;
    height: 300px;
    display: flex;
    justify-content: end;
    flex-direction: column;
    margin-bottom: 200px;
}
.container_second_part{
    display:flex;
    flex-direction: column;
    width: 75%;
}
.activity h1{
    width: 600px;
}
.activity h6{
    font-size: 20px;
    color:#F153ED;
    font-weight:400;
    margin-bottom: 40px;
}
.activity p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}
.activity span{
    font-size:20px;
    margin-bottom: 40px;
    font-weight: 700;
    color:#ea46c7
}
.top_desc, .bottom_desc{
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}
.top_desc p, .bottom_desc p{
    margin-bottom:20px;
}
.top_desc p{
    font-size: 20px;
    font-weight: 600;
    color: #dc9ef9;
}
.bottom_desc{
    position: relative;
}
.bottom_desc p{
    margin-top: 20px;
    color: #aca0d8;
    font-size: 16px;
    text-align: center;
}
.activity_bar{
    width:100%;
}
.invisible{
    visibility: collapse;
}
.not_fifty{
    margin-left: 35px;
}
.bar{
    position:relative;
    width: 100%;
    height: 10px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color:#3C2C51;
}
.completed_bar{
    position:absolute;
    z-index: 10;
    width: 9.6%;
    height: 10px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background: -webkit-linear-gradient(right, #FC39A7 0%, #CF56EC 100%);
    box-shadow:0 0 10px linear-gradient(right, #FC39A7 0%, #CF56EC 100%);
}
.bar_slider{
    width:80px;
    position: absolute;
    display: flex;
    margin-left: calc(9.6% - 40px);
}
.bar_slider span{
    margin-top:10px;
    height: 40px;
    width: 80px;
    background-color: #342c49;;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 18px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    color: #f7f7f7;
}
.bar_slider span::before{
    height: 10px;
    margin-top:-60px;
    position: absolute;
    content:'';
    border: 20px solid transparent; border-bottom: 20px solid #342c49;;
}

/* Блок№3 - соцсети */

.social{
    width:100%;
    height: 100%;
    background: url('../img/sb-social.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.social h1{
    margin-bottom: 150px;
}
.social_media{
    width:70%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
    position:relative;
}
.social_link{
    opacity: 0.7;
    height: 200px;
    display: flex;
    align-items: center;
    transition: opacity .3s ease 0s;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    display: flex;
    justify-content: center;
}

.social_link::before{
    position:absolute;
    content:'';
    width: 7px;
    height: 7px;
    opacity: 0.05;
    background-color: rgba(207, 86, 237, 0.2);;
    z-index: -1;
    transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
}
.social_link:hover:before{
    transform:scale(15);
    -webkit-transform:scale(15);
    -moz-transform:scale(15);
    -ms-transform:scale(15);
    -o-transform:scale(15);
    opacity: 0.7;
}
.social_link img{
    opacity: 0.7;
    transition:opacity .3s ease-out;
    -webkit-transition:opacity .3s ease-out;
    -moz-transition:opacity .3s ease-out;
    -ms-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
}
.social_link img:hover{
    opacity: 1;
}
.vk{
    height: 5em;
}
.input_social_media{
    width:800px;
    height:70px;
    display:flex;
    flex-wrap: wrap;
    z-index: 10;
    align-items: center;
    justify-content: center;
    position: relative;
}
/* .attention{
    display: none;
    position: fixed;
    top:20px;
    right: 20px;
    width:200px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #55DD00;
    text-align: center;
    font-size: 16px;
    padding:10px
} */
.sub{
    position:relative;
    width: 740px;
    height:50px;
    border-radius: 100px 0px 0px 100px;
    -webkit-border-radius: 100px 0px 0px 100px;
    -moz-border-radius: 100px 0px 0px 100px;
    -ms-border-radius: 100px 0px 0px 100px;
    -o-border-radius: 100px 0px 0px 100px;
    outline: none;
    border: none;
    background-color: #3C2C51;
    padding-left:60px;
    font-family: 'Montserrat';
    font-size: 18px;
    z-index: -1;
    color:#8B7295;
}
::-webkit-input-placeholder {
    color:    #8B7295;
}
:-moz-placeholder {
   color:    #8B7295;
   opacity:  1;
}
::-moz-placeholder { 
   color:    #8B7295;
   opacity:  1;
}
:-ms-input-placeholder { 
   color:    #8B7295;
}
::-ms-input-placeholder { 
   color:    #8B7295;
}
::placeholder { 
   color:    #8B7295;
}
.sub_btn{
    height:50px;
    width: 60px;
    border-radius: 0px 100px 100px 0px;
    -webkit-border-radius: 0px 100px 100px 0px;
    -moz-border-radius: 0px 100px 100px 0px;
    -ms-border-radius: 0px 100px 100px 0px;
    -o-border-radius: 0px 100px 100px 0px;
    background: linear-gradient(90deg, #FF53D5, #F153ED);
    position: relative;
}
.sub_btn svg{
    height: 24px;
    width: 24px;
    fill:#F7F7F7;
}
 .sub_btn::before{
    position:absolute;
    content:'';
    left: -5px;
    top: -7px;
    background-color:#F7F7F7;
    z-index: -1;
    width: 70px;
    height: 63px;
    border-radius: 0px 100px 100px 0px;
    -webkit-border-radius: 0px 100px 100px 0px;
    -moz-border-radius: 0px 100px 100px 0px;
    -ms-border-radius: 0px 100px 100px 0px;
    -o-border-radius: 0px 100px 100px 0px;
    opacity: 0;
    transition: opacity .2s ease-in-out 0s;
    -webkit-transition: opacity .2s ease-in-out 0s;
    -moz-transition: opacity .2s ease-in-out 0s;
    -ms-transition: opacity .2s ease-in-out 0s;
    -o-transition: opacity .2s ease-in-out 0s;
}
.sub_btn:hover:before{
    opacity: 0.25;
} 
.post_icon{
    position: absolute;
    height: 24px;
    width: 24px;
    left: 25px;
}
.post_icon svg{
    position: absolute;
    fill: #8B7295;
    height: 24px;
    width: 24px;
}

/* Блок№4 - о нас */

.about{
    min-width:100%;
    min-height: 130%;
    background: url('../img/sb-about.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: 30% 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.about_wrapper{
    width:70%;
    height: 100%;
    display: grid;
    grid-template-columns: 3fr 1fr;
}
.left_part{

    position: relative;
    padding-right: 10px;
}
.about_title{
    width: 70%;
    padding-right: 20%;
    font-weight: 600;
    font-size: 36px;
    text-align: end;
    margin-bottom: 50px;
}
.left_part p{
    width: 80%;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 50px;
}
.left_part h2{
    font-size: 36px;
    /* text-align: center; */
    margin-bottom: 40px;
}
.inner_left_container{
    width: 100%;
    display: flex;
    justify-content: end;
}
.inner_left_wrapper{
    width: 70%;
    display:flex;
    justify-content: end;
    flex-direction: column;
    flex-wrap: wrap;
}
.problems{
    width: 100%;
    height:550px;
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
}
.icon_problem{
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    width: 90px;
    height: 90px;
    background: -webkit-linear-gradient(bottom, #92509f 0%, #9b4690 100%);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    display:flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}
.icon_problem svg{
    fill:#F7F7F7;
    width: 45px;
    height: 45px;
}
.text_problem h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.text_problem p{
    width:100%;
    margin-bottom: 30px;
}
.icon_problem:first-child svg{
    margin-top:5px;
}
.line{
    position:absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 600px;
    background-color: #F7F7F7;
    opacity: 0.25;
}
.inner_right_container{
    display: grid;
    grid-template-rows: 1fr 1fr 0.5fr 1fr 0.5fr 1fr;
    width: 100%;
    height: 600px;
    justify-content: center;
    align-items: end;
    text-align: center;
    margin-left: 20px;
}
.right_container_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}
.right_container_item svg{
    width: 70px;
    height: 70px;
    fill: #00BDBF;
}
.arrow svg{
    width: 30px;
    height: 30px;
    fill: #00BDBF;
    margin-bottom: 20px;
}
.right_container_item img{
    position: absolute;
    right: -100px;
}
.right_container_item h2{
    font-size: 16px;
}

/* Блок№5 - преимущества */

.advantages{
    min-width:100%;
    min-height: 110%;
    background: url('../img/bg_4.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: 30% 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 10;
}

.advantages_wrapper{
    width: 70%;
    height: 100%;
    display:flex;
    justify-content: flex-start;
}
.advantages_list{
    width:70%;
    height:80%;
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    grid-row-gap: 40px;
}
.item_advantages{
    display: grid;
    grid-template-columns: 1fr 6fr;
}
.item_advantages:first-child{
    grid-template-columns: 1fr;
}
.item_advantages p{
    font-size: 16px;
    font-weight: 400;
}
.advantages_circle{
    border-radius: 100px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    background: -webkit-linear-gradient(bottom, #39aa94 0%, #64c0c6 100%);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    width: 90px;
    height: 90px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.advantages_circle svg{
    fill:#F7F7F7;
    width:45px;
    height: 45px;
}
.blockchain{
    position: absolute;
    right: 0px;
    z-index: -1;
    min-width:55%;
    min-height:110%
}

/* Блок№6 - команда */

.team{
    min-width:100%;
    min-height: 110%;
    background: url('../img/bg_6.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: 30% 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.team_background{
    position: absolute;
    z-index: -1;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.team_wrapper{
    width:70%;
    height: 100%;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position:relative;
}
.team_list{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.team_member{
    width: 260px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
.title_team{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom:40px;
}
.photo{
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-size: 150px 200px;
    width:150px;
    height: 150px;
    margin-bottom:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.photo::before{
    position:absolute;
    content:'';
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color: #F7F7F7;
    opacity: 0.15;
    width: 164px;
    height: 164px;
    z-index: -1;
}
.sabrina{
    background:url('../img/Sabrina.png')
}
.andrey{
    background: url('../img/Andrey.png');
}
.nastyaj{
    background: url('../img/Nastya_Jila.png');
}
.nastyab{
    background: url('../img/Nastya_Bembel.png')
}
.pavel{
    background: url('../img/Pavel.png');
}
.bembel{
    background: url('../img/Bembel.png');
}
.slava{
    background: url('../img/Slava.png');
}
.kostya{
    background: url('../img/kostya.png');
}
.leha{
    background: url('../img/leha.png');
}
.team_member h2{
    font-weight: 400;
    margin-bottom: 10px;
    height: 50px;
    display: flex;
    align-items: center;
}
.team_member h3{
    font-weight: 400;
    opacity: 0.5;
}
.buttons{
    display:flex;
    flex-direction: row;
    width: 120px;
    justify-content: space-between;
    margin-top: 20px;
}
.vlink svg{
    fill: #F7F7F7;
    width: 25px;
    height: 25px;
}
.tglink svg{
    fill: #F7F7F7;
    width: 25px;
    height: 25px;
}
.vk_link, .tg_link, .yt_link, .button_slider{
    border: 1px solid;
    border-color: #F7F7F7;
    background-color: transparent;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    width: 50px;
    height: 50px;
    padding-top: 5px;
    opacity: 0.5;
    transition: opacity .3s ease 0s;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    outline: none;
}
.vk_link:hover, .tg_link:hover, .yt_link:hover, .button_slider:hover{
    opacity: 1;
}

/* Блок№7 - новости */
.news{
    min-width:100%;
    min-height: 60%;
    background-color: #4A3A5E;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.news_wrapper{
    width: 70%;
    height: 100%;
    display:grid;
    grid-template-columns: 1fr 2fr;
}
.main_block h1{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}
.main_block h1::after{
    position: absolute;
    content:'';
    min-width: calc(100% / 8);
    height: 4px;
    left: 0px;
    background-color: #DC9EF9;
}
.link_sub{
    border-bottom: 1px dotted #DC9EF9;
    color:#DC9EF9;
    font-size: 20px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}
.link_sub:hover{
    border-bottom: none;
}
.title_news{
    margin-bottom: 20px;
}
.bottom_text{
    display: flex;
    flex-direction: row;
}
.bottom_text svg{
    width: 24px;
    height: 24px;
    fill: #DC9EF9;
    margin-right: 5px;
}
.news_buttons{
    display: flex;
}
.news_buttons button{
    margin-right: 20px;
}
.news_block{
    display: grid;
    grid-template-rows: 1fr 2fr;
}
.buttons_slider{
    display:flex;
    justify-content: flex-end;
    align-items: center;
}
.button_slider{
    margin-right: 20px;
}
.button_slider svg{
    fill:#F7F7F7;
    width: 20px;
    height: 20px;
}
.slider{
    width: 890px;
    overflow: hidden;
}
.slider_line{
    position:relative;
    width: 2100px;
    display: flex;
    left: 0px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.item_news{
    width:340px;
    padding: 0px 10px;
}
.item_news h3{
    font-weight: 400;
    opacity: 0.5;
    margin-bottom: 10px;
}
.item_news p{
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px;
}
.item_news a{
    /* font-weight: 400; */
    font-size: 16px;
    color:#00E9A7;
}
.bottom_part{
    display: flex;
    flex-direction: row;
}
.bottom_part svg{
    fill:#00E9A7;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.partners{
    min-width:100%;
    min-height: 60%;
    background-color: #4A3A5E;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.partners_wrapper h1{
    text-align: center;
    margin-bottom:150px;
}
.partners_wrapper{
    width:70%;
    height:100%;
    align-items: center;
    justify-content: center;
}
.partners_images{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.partners_images img{
    width:20em;
}

/* Блок№8 - вопросы */
.faq{
    min-width:100%;
    min-height: 110%;
    background: url('../img/bg_10.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    /* background-position: 0% 80%; */
    display: flex;
    flex-wrap: nowrap;
    padding-top: 100px;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
}
.main_faq{
    margin-right: 20px;
}
.faq_wrapper{
    width:70%;
    height: 100%;
    display:grid;
    grid-template-columns: 1fr 4fr;
}
#firstSection{
    display: block;
}
#secondSection{
    display: none;
}
.faq_wrapper h1{
    display: flex;
    align-items: center;
}
.faq_wrapper h1::after{
    position: absolute;
    content:'';
    min-width: calc(100% / 8);
    height: 4px;
    left: 0px;
    background-color: #DC9EF9;    
}
.buttons_container{
    display:flex;
    flex-direction:column;
}
.button_faq{
    width:238px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: transparent;
    border:none;
    font-size: 20px;
    color:#F5A3FF;
    height:60px;
}
.current{
    background-color: #ea46c7;
    color: #F7F7F7
}
hr{
    opacity: 0.25;
    color:#F7F7F7;
}
.question{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
}
.question hr{
    display: block;
    width: 100%;
}
.question h2{
    color: #F5A3FF;
    font-weight: 400;
}
.question p{
    font-size: 20px;
    font-weight: 400;
    width:95%;
    line-height: 1.5;
    display: none;
}
.question svg{
    fill:#F7F7F7;
    height: 16px;
    width: 16px;
}
.faq_btn{
    width: 100%;
    background: transparent;
    border:none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.question.active{
    background: -webkit-linear-gradient(right, #FC39A7 0%, #CF56EC 100%);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: auto;
}
.question.active h2{
    color:#F7F7F7;
}
.question.active hr{
    display: none;
}
.question.active p{
    display: block;
}

/* Блок№9 - контакты */

.commit{
    background: url('../img/bg_10.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
    position: relative;
}
.wrapper_for_background{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.violet_footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.5;
    background: -webkit-linear-gradient(bottom, #7b499c 0%, #6c59b4 100%);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    height: 200px;
    z-index: 0;
}
.commit_wrapper{
    width: 70%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.feedback_container{
    background: -webkit-linear-gradient(bottom, #65468f 0%, #af50c7 100%);
    width: 550px;
    height:500px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 20px;
    /* position: relative; */
}
.feedback_container h1{
    font-size: 36px;
}
.feedback_container hr{
    width: 90%
}
.feedback_input{
    background: none;
    border:none;
    outline: none;
    width:90%;
    height: 50px;
    margin-left: 25px;
    font-size: 20px;
    color:#F7F7F7
}
.input_wrapper{
    position: relative;
}
.feedback_container span{
    position:absolute;
    left:40px;
    top: 30px;
    font-size: 16px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
}
.feedback_input:focus .feedback_container span{
    top:10px;
    font-size:12px;
}
textarea{
    resize: none;
}
.big{
    height: 200px;
}
.contanct{
    display: flex;
    justify-content: center;
}
.contact_container{
    display: flex;
    flex-direction: row;
}
.footer{
    width: 100%;
    height: 200px;
    background-color: #312341;
}
.footer_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 200px;
}
.footer_wrapper svg{
    fill:#695682;
    width:153px;
    height: 50px;
    margin-bottom: 30px;
}
.footer_text{
    font-weight: 400;
    color:#695682;
    font-size: 20px;
}