
body{
	overflow-x: hidden;
}
.titles{
	color: white;
}
.subtitles{
	color: #ffffff90;
	width: 600px;
	margin: 0 auto;
}
.btnBlock{
	display: none;
}
/* начало header */
/*  */
header{

	background: url('../img/headerBackground.png') no-repeat;
	background-size: cover;
}

.maskImg{
	width: 100%;
}
.header_menu{
	padding: 30px 0;
}


.header_networksIcons{
	width: 7%;
	margin-right: 20px;
	opacity: 50%;
}
.header_animation{
	overflow: hidden;
}
.header_logoImg{
	width: 40%;
	margin-right: 30px;
}
.header_infoBlock{
	margin: 30px 0;
}
.header_networksIcons:hover{
	opacity: 100%;
	text-decoration: none;
	transition: opacity .5s ease;
}
.header_links{
	color: #ffffff60;
	font-size: 18px;
	margin-right: 30px;

}
.header_links:hover{
	color: #ffffff;
	transition: color .3s ease;
	text-decoration: none;
}
.header_button2{
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid #fd413b;
	box-shadow: 0 10px 30px rgb(253 65 59 / 30%);
	transition: box-shadow .3s ease,border .3s ease;
	color: white;
	padding: 15px 40px;
}
.header_button2:hover{
	text-decoration: none;
	color: white;
	box-shadow: 0 10px 40px rgb(253 65 59 / 50%);
}
.header_button{
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid #fd413b;
	box-shadow: 0 10px 30px rgb(253 65 59 / 30%);
	transition: box-shadow .3s ease,border .3s ease;
	color: white;
	padding: 15px 20px;
}
.header_button:hover{
	text-decoration: none;
	color: white;
	box-shadow: 0 10px 40px rgb(253 65 59 / 50%);
}

.header_joinUs--txt{
	padding-bottom: 20px;
}
.header_subtitle{
	color: #ffffff60;
}
.header_highlightTxt{
	color: #ffffff;
	font-weight: 700;
}
.header_title{
	color: white;
	padding-bottom: 19px;
}

/* начало main */

main{
	background: linear-gradient(180deg,#1b1d23,#23252d);
	padding: 100px 0;
}

/* works */

.works_cardSubTitle{
	color: #ffffff90;
}
.works_cardSubTitleHighlite{
	color: #ffffff;
}
.works_buttonLabel{

	position: absolute;
    top: 0;
        left: calc(50% - 167px);
	color: white;
	font-size: .9375rem;
	font-weight: 700;
	border-radius: 30px;
	border: 1px solid #fd413b;
	padding: 15px 50px;
	box-shadow: 0 10px 30px rgb(253 65 59 / 30%);
	height: 46px;
    overflow-y: hidden;
	transition: box-shadow .3s ease,border .3s ease;
	    padding-top: 5px;
}
.div {
	    padding-top: 3px;
    height: 28px;
    overflow: hidden;
    padding-bottom: 5px;
}
.works_button:hover {
    box-shadow: 0 10px 40px rgb(253 65 59 / 50%);
    color: white;
    text-decoration: none;
}
.works_button:hover .works_buttonTxt {
    transform: translateY(-100%);
}
.works_buttonTxt{
	margin-bottom: 0;
    transition: transform .4s ease;
}
.works_cards{
	max-width: 32% !important;
	background-color: rgba(47,49,56,.3);
	padding: 50px 40px 55px;
	border-radius: 16px;
	box-shadow: 0 10px 16.1px 6.9px rgb(0 0 0 / 7%);
	margin: 0 auto;
	margin-bottom: 50px;
}
.works_subtitle{
	padding: 20px 0px 50px 0;
}
.works_cardSubTitle{
	margin-top: 30px;
}
.sliderButtonsImg{
	width:7%;
	margin-right: 20px;
}

/* ruturns */

.returns{
	padding: 100px 0;
	overflow: hidden;
	background: url('../img/returnsBackElement.png') no-repeat;
}
.return_card {
	background: url('../img/tileBg.1acd20f.png');
	backface-visibility: 10%;
	margin-right: 27px;
	min-width: 20%;
	box-shadow: 0 10px 16px 7px rgb(0 0 0 / 7%);
	border-radius: 16px;
	max-height: 342px;
	

}
.returnCardBlur{
	border: 1px solid rgba(253,65,59,.5);
	padding: 50px 12px 32px;
	background: rgba(34,36,44,.9);
	border-radius: 16px;
}
.return_cardTitle{
	color: white;
	font-size: 4.5rem;
	font-weight: 700;
}
.return_cardImg{
	width: 55%;
	height: 100%;
}
.returnsTextBlock{
	margin-left: 200px;
}
.return_subtitles{
	color: #ffffff90;
}
.return_cardCoinName{
	color: #ffffff90;
	padding: 10px 0px 30px 0;
}
.return_cardCompoName{
	color: #ffffff90;
	padding-top: 20px;
}
.returns_cardsWrapper{
	margin-top: 50px;
	transition: .5s ease ;
}
.return_card1{
	margin-top: 100px;
}
.return_card2{
	margin-top: 200px;
}
.return_card3{
	margin-top: 40px;
}
.return_card4{
	margin-top: 10px;
}
.return_card5{
	margin-top: 120px;
}
.return_card6{
	margin-top: 180px;
}
.return_card7{
	margin-top: 40px;
}
.return_card8{
	margin-top: 5px;
}
.return_card9{
	margin-top: 80px;
}
.return_card10{
	margin-top: 160px;
}
.return_card11{
	margin-top: 100px;
}
.return_card12{
	margin-top: 30px;
}
.return_card13{
	margin-top: 105px;
}
.return_card14{
	margin-top: 200px;
}

.sliderButtonsImg{
	opacity: 50%;
	cursor: pointer;

}
.sliderButtonsImg:hover{
	opacity: 100%;
	transition: opacity .7s ease;
}


/* benefit */

.benefit{
	padding: 100px 0;
}
.benefit_punktsWrapper{
	margin-top: 50px;
}
.benefit_punkts {
	cursor: pointer;
    padding: 15px 40px;
    background: #1f2029;
    border-radius: 8px;
    margin-bottom: 16px;
    border: 1px solid rgba(254,188,43,0);
    transition: border-color .2s ease,background .2s ease;
}
.cashBackImg{
	width: 15%;
	margin-right: 15px;
}
.benefit_punktsTitle{
	color: #ffffff90;
}
.benefit_puntkTitle{
	padding-bottom: 30px;
}
.benefit_punktsButton:hover{
	text-decoration: none;
	
}
.benefit_punkts:hover{
	border: 1px solid rgba(254,188,43,.4);

}
.benefit_textWrap{
	margin-top: 100px;
	height: 50vh;
	background: #2f3138;
    border-radius: 16px;
    box-shadow: 0 20px 25px rgb(0 0 0 / 7%);
    padding: 40px 0;
}
.benefit_titles{
	color: white;
	font-size: 24px;
	text-align: center;
}
.benefit_subTitles{
	color: #ffffff90;
	margin-top: 30px;
}
.benefit_highliteNum{
	color: #febc2b;
	font-weight: 700;
}
.benefit_textWrap3{
	display: none;
}
.benefit_textWrap2{
	display: none;
}
.benefit_subTitles2{
	margin-top: 20px;
	color: #ffffff90;

}

.activeBenefitOpacity{
	animation: benefitOpacity 1s;
}

@keyframes benefitOpacity{
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}

/* feedback */

.feedback{
	padding: 100px 0;
}
.feedback_list{
	color: lightblue;
	font-size: 23px;
}
.feedback_feedName{
	color: white;
	font-size: 24px;
}
.feedback_underName{
	color: darkorange;
	font-size: 21px;
}
.feedback_imgBlock{
	border-radius: 30px;
}
.f{
	border-radius: 30px;
	width: 80%;
}
.feedback_arrows{
	width: 100%;
	opacity: 50%;
	cursor: pointer;

}
.feedback_arrows:hover{
	opacity: 100%;
	transition: opacity .5s ease;
}
.feet{
	display: none;
	height: 180px;
}


.active_border {
	box-shadow: 0 10px 30px rgb(254 188 43 / 30%);
	border-color: #febc2b;
    transition: border-color .2s ease,background .2s ease;

}

.active{
	display: block;
}
.up {
	animation: up 0.5s;
}
@keyframes up {
	0% {
		opacity: 0.1;
		padding-top: 10px;
	}
	100% {
		opacity: 1;
		padding-top: 0px;
	}
}

/* footer */

footer{
	background: url('../img/footerBag.png');
	padding: 100px 0;
}
.footer_compImg{
	width: 20%;
	margin: 30px 90px 0px 0;
}
.footer_logo{
	width: 50%;

}
.footer_copright{
	color: #ffffff90;
	margin-top: 20px;
}
.footer_title{
	width: 550px;
}
.footer_subtitle{
	color: #ffffff99;
	font-size: 20px;
}
.footer_subtitle2{
	color: #ffffff99;
	margin-top: 20px;
}
.footer_footPart{
	padding: 30px 0;
}
.footer_footPartBuild{
	color: white;
}





/* animation */



 .wow {
 opacity: 0;       
       animation:  super 2.8s infinite;
       animation-delay: 0s;

}
.wow_2 {
       opacity: 0;
       animation:  super_2 2.9s infinite;
       animation-delay: 0.1s;

}
.wow_3 {
       opacity: 0;
       animation: super_3 3.1s infinite;
       animation-delay: 0s;

}

.wow_4 {
       opacity: 0;
       animation: super_4 3s infinite;
       animation-delay: 0.2s;

}
.wow_5 {
       opacity: 0;
       animation: super_5 3.3s infinite;
       animation-delay: 0.1s;

}

.wow_6 {
       opacity: 0;
       animation: super_6 3.3s infinite;
}





.wow_7 {
       opacity: 0;
       animation:  super_2 3.1s infinite;
       animation-delay: 0.6s;

}
.wow_8 {
       opacity: 0;
       animation: super_3 3.5s infinite;
       animation-delay: 0.4s;

}

.wow_9 {
       opacity: 0;
       animation: super_4 3s infinite;
       animation-delay: 0.5s;

}
.wow_10 {
       opacity: 0;
       animation: super_5 3.3s infinite;
       animation-delay: 0.6s;

}

.wow_11 {
       opacity: 0;
       animation: super_6 2.8s infinite;
       animation-delay: 0.9s;

}
.wow_12 {
       opacity: 0;
       animation: super 2.5s infinite;
       animation-delay: 0.4s;

}




.wow_13 {
       opacity: 0;
       animation:  super_2 3s infinite;
       animation-delay: 1.1s;

}
.wow_14 {
       opacity: 0;
       animation: super_3 2.7s infinite;
       animation-delay: 1.5s;

}

.wow_15 {
       opacity: 0;
       animation: super_4 2.7s infinite;
       animation-delay: 1.8s;

}
.wow_16 {
       opacity: 0;
       animation: super_5 4s infinite;
       animation-delay: 1.1s;

}

.wow_17 {
       opacity: 0;
       animation: super_6 3.4s infinite;
       animation-delay: 1s;

}
.wow_18 {
       opacity: 0;
       animation: super 3.1s infinite;
       animation-delay: 1.3s;

}




.wow_19 {
       opacity: 0;
       animation:  super_2 3.2s infinite;
       animation-delay: 1.7s;

}
.wow_20 {
       opacity: 0;
       animation: super_3 3.4s infinite;
       animation-delay: 2s;

}

.wow_21 {
       opacity: 0;
       animation: super_4 2.7s infinite;
       animation-delay: 1.9s;

}
.wow_22 {
       opacity: 0;
       animation: super_5 2.6s infinite;
       animation-delay: 2s;

}

.wow_23 {
       opacity: 0;
       animation: super_6 3s infinite;
       animation-delay: 2.4s;

}
.wow_24 {
       opacity: 0;
       animation: super 3s infinite;
       animation-delay: 2.7s;

}

.wow_25 {
       opacity: 0;
       animation: super_6 4s infinite;
       animation-delay: 2.2s;

}
.wow_26 {
       opacity: 0;
       animation: super_3 2.3s infinite;
       animation-delay: 2.5s;

}

.wow_27 {
       opacity: 0;
       position: absolute;
       top:  40px;

}


@keyframes super {
       0% {
              display: block!important;
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 1786.262, 1163.979);
       }
       50% {
              opacity: 0.9;
       }
       100% {
              display: block!important;
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 620, 30);
       }
}


@keyframes super_2 {
       0% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 1686.262, 1263.979);
       }
       50% {
              opacity: 0.9;
       }
       100% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 450, 30);
       }
}

@keyframes super_3 {
       0% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 1736.262, 1213.979);
       }
       50% {
              opacity: 0.9;
       }
       100% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 530, 30);
       }
}

@keyframes super_4 {
       0% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 1716.262, 1233.979);
       }
       50% {
              opacity: 0.9;
       }
       100% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 500, 30);
       }
}

@keyframes super_5 {
       0% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 1706.262, 1243.979);
       }
       50% {
              opacity: 0.9;
       }
       100% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 480, 30);
       }
}



@keyframes super_6 {
       0% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 1776.262, 1173.979);
       }
       50% {
              opacity: 0.9;
       }
       100% {
              opacity: 0.1;
              transform: matrix(1, 0, 0, 1, 600, 30);
       }
}
