/*** Таблица ***/
.because__caption{padding:0; margin:0 -8px}
.because__caption li{width:25%; text-align:center; padding:0 8px 16px; margin:0; list-style:none}
.because__caption li a{white-space:nowrap; overflow:hidden; width: 100%; position:relative; background: linear-gradient(112.14deg, rgba(52, 52, 52, 0.4) 0%, rgba(44, 44, 44, 0.24) 57.01%, rgba(32, 32, 32, 0.24) 100%); border-radius: 12px;font-weight: 300;font-size: 18px; display:block; color:#fff}
.because__caption li a::before{transition: all 0.3s linear 0s; opacity:0; background: linear-gradient(91.04deg, #1C387C 0.13%, #712424 57.61%, #401010 100%); content:""; position:absolute; left:0; right:0; bottom:0; top:0}
.because__caption li a span{display:block; width:100%; line-height: 56px; position:relative; z-index:2}
.because__caption li a:hover::before, .because__caption li.active a::before{opacity:1}
.because__caption li a:hover{text-decoration:none}
.wrap-because__table{width: 100%; height: 640px; background:url(/templates/heroes/images/bg-tab.jpg) no-repeat bottom left / cover; overflow:hidden; border-radius: 12px; position:relative}
.because__table{width:100%; height:100%; position:absolute}
.big-circle, .small-circle, .image-circle{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.big-circle{width:543px; height:auto; animation:30s linear 0s infinite normal none running bigcircle}
.small-circle{width:331px; height:auto; animation: 30s linear 0s infinite normal none running smallcircle;}
.because__table ul{position:absolute; top:0; left:0; right:0; bottom:0; padding:0; margin:0}
.because__table ul li{padding:16px; margin:0; list-style:none;font-weight: 400;font-size: 24px;line-height: 28px;color: #FFFFFF;position:absolute;}
.because__table ul li::before{position: absolute;width: 16px;height: 16px;background: #65D46E;right:0;bottom:0;content:"";border-radius:100%}
@media(max-width:1389px){
	.because__table ul li{padding:14px; font-size: 22px; line-height: 26px}
	.because__table ul li::before{width: 14px;height: 14px}
	.because__caption{margin:0 -6px}
	.because__caption li{padding:0 6px 16px}
	.because__caption li a{font-size: 18px}
	.because__caption li a span{line-height:54px}
}
@media(max-width:991px){
	.wrap-because__table{height:530px}
	.big-circle{width: 450px;}
	.small-circle{width: 300px;}
	.image-circle{width: 140px;}
	.because__table ul li{padding:12px; font-size: 20px; line-height: 24px}
	.because__table ul li::before{width: 12px;height: 12px}
	.because__caption{margin:0 -4px}
	.because__caption li{padding:0 4px 16px}
	.because__caption li a{font-size: 16px}
	.because__caption li a span{line-height:52px}
}
@media(max-width:767px){
	.wrap-because__table{height:335px; border-radius:0px}
	.big-circle{width: 285px;}
	.small-circle{width: 175px;}
	.image-circle{width: 115px;}
	.because__table ul li{padding:8px; font-size: 16px; line-height: 18px}
	.because__table ul li::before{width: 8px;height: 8px}
	.because__caption li a span{line-height:50px}
}
@media(max-width:575px){
	.because__caption {padding: 0 15px 10px;flex-wrap: wrap;margin: 0 -4px 0}
	.because__caption li{padding:4px;width:50%}
	.wrapper__because{margin:0 -15px; overflow:hidden}
	.wrapper__because-out .main-title__fst{font-size: 24px; line-height: 28px;}
	.image-circle{width: 85px;}
}

/*** Лидерство ***/
.list-leader li:nth-child(1){left: 372px;top: 40px;}
.list-leader li:nth-child(2){left: 260px;top: 242px;}
.list-leader li:nth-child(3){left: 278px;top: 445px;}
.list-leader li:nth-child(4){left: 798px;top: 477px;}
.list-leader li:nth-child(5){left: 874px;top: 220px;}
.list-leader li:nth-child(4):before, .list-leader li:nth-child(5):before{right:auto; left:0}
@media(max-width:1389px){
	.list-leader li:nth-child(1){left: 202px}
	.list-leader li:nth-child(2){left: 90px}
	.list-leader li:nth-child(3){left: 108px}
	.list-leader li:nth-child(4){left: 628px}
	.list-leader li:nth-child(5){left: 704px}	
}
@media(max-width:991px){
	.list-leader li:nth-child(1){left: 120px;top: 20px;}
	.list-leader li:nth-child(2){left: 20px;top: 175px;}
	.list-leader li:nth-child(3){left: 25px;top: 345px;}
	.list-leader li:nth-child(4){left: 480px;top: 370px;}
	.list-leader li:nth-child(5){left: 500px;top: 160px;}	
}
@media(max-width:767px){
	.list-leader li:nth-child(1){left: 65px;top: 10px;}
	.list-leader li:nth-child(2){left: 35px;top: 125px;}
	.list-leader li:nth-child(3){left: 55px;top: 245px;}
	.list-leader li:nth-child(4){left: 340px;top: 220px;}
	.list-leader li:nth-child(5){left: 355px;top: 80px;}
}
@media(max-width:575px){
	.list-leader li:nth-child(1){left: 20px;top: 20px;}
	.list-leader li:nth-child(2){left: 170px;top: auto;bottom: 65px;}
	.list-leader li:nth-child(3){left: 120px;top: auto;bottom: 18px;}
	.list-leader li:nth-child(4){left: auto;top: auto;bottom: 100px;right: 113px;}
	.list-leader li:nth-child(5){left: auto;top: 45px;right: 120px;}
}
@media(max-width:480px){
	.list-leader li:nth-child(1){left: 10px}
	.list-leader li:nth-child(2){left: 50px; bottom: 70px;}
	.list-leader li:nth-child(3){left: 15vw;top: auto;bottom: 20px;}
	.list-leader li:nth-child(4){right: 20px;}
	.list-leader li:nth-child(5){top: 60px;right: 20px;}
}
/*** Здоровое тело ***/
.list-healt li:nth-child(1){left: 550px;top: 29px;}
.list-healt li:nth-child(2){left: 376px;top: 447px;}
.list-healt li:nth-child(3){left: 798px;top: 477px;}
.list-healt li:nth-child(4){left: 874px;top: 220px;}
.list-healt li:nth-child(5){left: 260px;top: 242px;}
.list-healt li:nth-child(3):before, .list-healt li:nth-child(4):before{right:auto; left:0}
@media(max-width:1389px){
	.list-healt li:nth-child(1){left: 380px}
	.list-healt li:nth-child(2){left: 206px}
	.list-healt li:nth-child(3){left: 628px}
	.list-healt li:nth-child(4){left: 704px}
	.list-healt li:nth-child(5){left: 90px}
}
@media(max-width:991px){
	.list-healt li:nth-child(1){left: 275px;top: 20px;}
	.list-healt li:nth-child(2){left: 95px;top: 345px;}
	.list-healt li:nth-child(3){left: 480px;top: 370px;}
	.list-healt li:nth-child(4){left: 500px;top: 160px;}
	.list-healt li:nth-child(5){left: 23px;top: 175px;}
}
@media(max-width:767px){
	.list-healt li:nth-child(1){left: 190px;top: 10px;}
	.list-healt li:nth-child(2){left: 110px;top: 245px;}
	.list-healt li:nth-child(3){left: 340px;top: 220px;}
	.list-healt li:nth-child(4){left: 355px;top: 80px;}
	.list-healt li:nth-child(5){left: 37px;top: 125px;}
}
@media(max-width:575px){
	.list-healt li:nth-child(1){left: 145px;top: 20px;}
	.list-healt li:nth-child(2){left: 175px;top: auto;bottom: 18px;}
	.list-healt li:nth-child(3){left: auto;top: auto;bottom: 100px;right: 131px;}
	.list-healt li:nth-child(4){left: auto;top: 45px;right: 140px;}
	.list-healt li:nth-child(5){left: 172px;top: auto;bottom: 65px;}
}
@media(max-width:480px){
	.list-healt li:nth-child(1){left: 135px;}
	.list-healt li:nth-child(2){left: 26.5vw;top: auto;bottom: 20px;}
	.list-healt li:nth-child(3){right: 38px;}
	.list-healt li:nth-child(4){top: 60px;right: 40px;}
	.list-healt li:nth-child(5){left: 52px;bottom: 70px;}
}
/*** Осознанность ***/
.list-characters li:nth-child(1){left: 388px;top: 38px;}
.list-characters li:nth-child(2){left: 874px;top: 220px;}
.list-characters li:nth-child(3){left: 798px;top: 477px;}
.list-characters li:nth-child(4){top: 447px;left: 359px;}
.list-characters li:nth-child(5){left: 217px;top: 242px;}
.list-characters li:nth-child(2):before, .list-characters li:nth-child(3):before{right:auto; left:0}
@media(max-width:1389px){
	.list-characters li:nth-child(1){left: 218px}
	.list-characters li:nth-child(2){left: 620px}
	.list-characters li:nth-child(3){left: 628px}
	.list-characters li:nth-child(4){left: 277px}
	.list-characters li:nth-child(5){left: 47px}
}
@media(max-width:991px){
	.list-characters li:nth-child(1){left: 139px;top: 20px;}
	.list-characters li:nth-child(2){left: 435px;top: 160px;}
	.list-characters li:nth-child(3){left: 480px;top: 370px;}
	.list-characters li:nth-child(4){top: 345px;left: 80px;}
	.list-characters li:nth-child(5){left: 15px;top: 175px;}
}
@media(max-width:767px){
	.list-characters li:nth-child(1){left: 81px;top: 10px;}
	.list-characters li:nth-child(2){left: 355px;top: 62px;}
	.list-characters li:nth-child(3){left: 340px;top: 220px;}
	.list-characters li:nth-child(4){left: 99px;top: 245px;}
	.list-characters li:nth-child(5){left: 5px;top: 125px;}
}
@media(max-width:575px){
	.list-characters li:nth-child(1){left: 36px;top: 20px;}
	.list-characters li:nth-child(2){left: auto;top: 45px;right: 66px;}
	.list-characters li:nth-child(3){left: auto;top: auto;bottom: 100px;right: 103px;}
	.list-characters li:nth-child(4){left: 164px;top: auto;bottom: 18px}
	.list-characters li:nth-child(5){left: 134px;top: auto;bottom: 65px;}
}
@media(max-width:480px){
	.list-characters li:nth-child(1){left: 26px;}
	.list-characters li:nth-child(2){top: 60px;right: 20px;}
	.list-characters li:nth-child(3){right: 38px;}
	.list-characters li:nth-child(4){left: 24.3vw;top: auto;bottom: 20px;}
	.list-characters li:nth-child(5){left: 14px;bottom: 70px;}
}
/*** Свобода ***/
.list-intelekt li:nth-child(1){left: 531px;top: 38px;}
.list-intelekt li:nth-child(2){left: 874px;top: 220px;}
.list-intelekt li:nth-child(3){left: 798px;top: 477px;}
.list-intelekt li:nth-child(4){left: 345px;top: 447px;}
.list-intelekt li:nth-child(5){left: 221px;top: 242px;}
.list-intelekt li:nth-child(2):before, .list-intelekt li:nth-child(3):before{right:auto; left:0}
@media(max-width:1389px){
	.list-intelekt li:nth-child(1){left:361px}
	.list-intelekt li:nth-child(2){left: 620px}
	.list-intelekt li:nth-child(3){left: 628px}
	.list-intelekt li:nth-child(4){left: 175px}
	.list-intelekt li:nth-child(5){left:51px}
}
@media(max-width:991px){
	.list-intelekt li:nth-child(1){left: 258px;top: 20px;}
	.list-intelekt li:nth-child(2){left: 460px;top: 160px}
	.list-intelekt li:nth-child(3){left: 480px;top: 370px}
	.list-intelekt li:nth-child(4){left: 69px;top: 345px}
	.list-intelekt li:nth-child(5){left: 19px;top: 175px}
}
@media(max-width:767px){
	.list-intelekt li:nth-child(1){left: 176px;top: 10px;}
	.list-intelekt li:nth-child(2){left: 315px;top: 62px;}
	.list-intelekt li:nth-child(3){left: 340px;top: 220px;}
	.list-intelekt li:nth-child(4){left: 90px;top: 245px;}
	.list-intelekt li:nth-child(5){left: 8px;top: 125px;}	
}
@media(max-width:575px){
	.list-intelekt li:nth-child(1){left: 131px;top: 20px;}
	.list-intelekt li:nth-child(2){left: auto;top: 45px;right: 85px;}
	.list-intelekt li:nth-child(3){left: auto;top: auto;bottom: 100px;right: 50px;}
	.list-intelekt li:nth-child(4){left: 155px;top: auto;bottom: 18px}
	.list-intelekt li:nth-child(5){left: 137px;top: auto;bottom: 65px;}
}
@media(max-width:480px){
	.list-intelekt li:nth-child(1){left: 121px;}
	.list-intelekt li:nth-child(2){top: 60px;right: 39px;}
	.list-intelekt li:nth-child(3){right: 38px;}
	.list-intelekt li:nth-child(4){left: 24.3vw;top: auto;bottom: 20px;}
	.list-intelekt li:nth-child(5){left: 14px;bottom: 70px;}
}
@keyframes bigcircle{
  from{transform:translate(-50%, -50%) rotate(0)}
  to{transform:translate(-50%, -50%) rotate(-360deg)}
}
@keyframes smallcircle{
  from{transform:translate(-50%, -50%) rotate(0)}
  to{transform:translate(-50%, -50%) rotate(360deg)}
}

.because__table{opacity:0;/* transition: all 0.3s linear 0s*/}
.because__table.active{opacity:1}