/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
 div.su-tabs-panes > div[data-title="<strong>Дніпро</strong>"] {
     background-image: url(https://www.borisfen.net/wp-content/uploads/2023/11/banner2-scaled.jpg);
     background-size: cover;
     background-repeat: repeat;
}

.person--inactive{
     opacity:.8;
	
}
.team-persons__title
{
	opacity:1!important;
}

 .su-tabs-panes {
     overflow:visible;
}
 .person--active {
    /* z-index:5!important;
     */
}
 .fp-enabled body,html.fp-enabled{
     margin:0;
     padding:0;
}

 .intro__wrap{
     position:absolute;
     top:0;
     left:0px;
     right:0px;
     bottom:0;
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:vertical;
     -webkit-box-direction:normal;
     -ms-flex-direction:column;
     flex-direction:column;
     -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
     -ms-flex-line-pack:stretch;
     align-content:stretch;
     -webkit-box-align:start;
     -ms-flex-align:start;
     align-items:flex-start 
}
 @media (min-width:768px){
     .intro__title{
         color:#fff;
         color:var(--white-color);
         font-size:90px;
         font-weight:1700;
         line-height:.833333333;
         text-transform:uppercase;
         text-shadow:1px 2px 13px rgba(0,0,0,.36) 
    }
}
 @media (min-width:768px){
     .intro__title{
         font-size:110px 
    }
}
 @media (min-width:1200px){
     .intro__title{
         font-size:120px 
    }
}
 .team__persons{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:horizontal;
     -webkit-box-direction:normal;
     -ms-flex-direction:row;
     flex-direction:row;
     -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
     -ms-flex-line-pack:stretch;
     align-content:stretch 
}
 .goal__logo{
     height:86px;
     margin-bottom:10px;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
     -webkit-box-align:center;
     -ms-flex-align:center;
     align-items:center 
}
 .team__persons{
     position:absolute;
     left:0;
     right:0;
     bottom:0;
     overflow-y:hidden;
     overflow-x:scroll;
     -webkit-overflow-scrolling:touch;
     -webkit-box-pack:start;
     -ms-flex-pack:start;
     justify-content:flex-start;
     -webkit-box-align:end;
     -ms-flex-align:end;
     align-items:flex-end 
}
 @media (min-width:768px){
     .team__persons{
         left:64px;
         overflow:hidden 
    }
}
 .person{
     position:relative;
     width:100%;
     -webkit-box-flex:0;
     -ms-flex:0 0 auto;
     flex:0 0 auto;
     -webkit-transition:opacity ease .6s;
     transition:opacity ease .6s 
}
 @media (min-width:1000px){
     .person{
         width:33.33% 
    }
}
 .person__link{
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     z-index:2 
}
 .person__link:focus+.person__photo img,.person__link:hover+.person__photo img,.team-item__photo a:focus img,.team-item__photo a:hover img{
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0) 
}
 .person__photo{
     text-align:center;
     overflow:hidden 
}
 .person__photo img{
     max-width:100%;
     max-height:86vh;
     max-height:calc(.86*var(--vh));
     width:auto;
     height:auto;
     vertical-align:bottom;
     -webkit-transition:-webkit-transform ease .4s;
     transition:transform ease .4s;
     transition:transform ease .4s,-webkit-transform ease .4s;
     -webkit-transform:translate3d(0,0px,0);
     transform:translate3d(0,0px,0) 
}
 a[data-descr] {
     position: relative;
     text-decoration: underline;
     color: #ffffff ;
}
 a[data-descr]:hover::after {
     content: attr(data-descr);
     position: absolute;
     left: 0;
     top: 12px;
     min-width: 100%;
     border: 0px #ffecaa solid;
     border-radius: 100px;
     background-color: #001355;
     padding: 1px;
     color: #ffffff;
     font-size: 14px;
     font-weight: bold;
     z-index: 1;
}
 .image-stack1 {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     position: relative;
    /* background-image: url(https://www.borisfen.net/wp-content/uploads/2023/11/banner2-scaled.jpg);
     */
    /* background-repeat: repeat;
     */
    /* background-size: cover;
     */
}
 .image-stack1 span {
     display: inline-block;
     position: absolute;
     bottom: 0%;
     left: 0px;
     min-width: 100%;
     z-index: 12;
    /* Оформление текста */
     color: #ffecaa;
     font-family: Arial Black, sans-serif;
     font-size:30px;
    /* Фон */
     background-color:rgba(0,19,85,.7);
     padding:0px 30px;
}
 #foto1,#foto2,#foto3,#foto4,#foto5,#foto6,#foto7{
     position: relative;
    /* height: 200%;
     */
     width: 200%;
}
 #foto1{
     left: -50%;
     top: 2.3%;
     z-index: 1 
}
 #foto2{
     left: -50%;
     top: 2.3%;
     z-index: 2 
}
 #foto3{
     left: -50%;
     top: 2.3%;
     z-index: 3 
}
 #foto4{
     left: -50%;
     top: 2.3%;
     z-index: 4 
}
 #foto5{
     left: -50%;
     top: 2.3%;
     z-index: 3 
}
 #foto6{
     left: -50%;
     top: 2.3%;
     z-index: 2 
}
 #foto7{
     left: -50%;
     top: 2.3%;
     z-index: 1 
}
 @media(max-width:768px) {
     .image-stack1 span {
         font-size: 20px;
    }
}
 @media(max-width:425px) {
     .image-stack1 span {
         font-size: 12px;
         padding: 10px;
    }
}
 @media(max-width:375px) {
     .image-stack1 span {
         font-size: 10px;
         padding:10px;
    }
}
 @media(max-width:320px) {
     .image-stack1 span {
         font-size: 9px;
         padding:10px;
    }
}