header{
    background-color: rgba(11, 27, 53);
}

.stend-wrapper{
    border: 20px solid rgba(11, 27, 53);
    background-image: url('../img/st.jpg');
    background-size: cover;
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
    
}
.stend-wrapper2{
    border: 5px solid #f1c166;
    box-shadow: 0 0 10px rgba(131, 131, 131, 0.2);
    width: 90%;
    height: auto;
    margin: 50px auto;
}
.stend{
    /*background-image: url('../img/stend.png');
    background-size: cover;*/
    width: 100%;
    height: auto;  
    padding: 30px;
    margin: 30px auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.stend .stend_item{
    width: 32%;
    margin: 5px;
}
.stend img{
    width: 90%;
}
.swiper-container{
    width: 100%;
    height: 500px;
}

.swiper-slide {
    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    padding-bottom: 50px;
}

p{
    margin: 20px 0;
}

.parent {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(1, 0.7fr);тут поменяла, чтобы не было искажения фото */
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 650px;
}

.parent div{
    display: flex;
    width: 100%;
    position:relative;
    overflow: hidden;
}

.parent div img {
    width: 100%;
    
}

.parent div div { 
    display: block; 
    position: absolute; 
    bottom: -100%; 
    left: 0; 
    background-color: rgba(51, 51, 51, 0.8);
    transition: all 0.3s ease 0s;
    color: white;
}
.parent div div p{
    padding: 1px;
}
.parent div:hover div{
    bottom: 0;
}

.div1, .back1 { 
    grid-area: 1 / 1 / 2 / 2; 
   
}

.div1 img::before{
    content: "hellow";
    position: fixed;
}

.div2 { 
    grid-area: 1 / 2 / 2 / 3; 
    
}
.div3 { 
    grid-area: 1 / 3 / 2 / 4; 
   
}
/* .div4 { 
    grid-area: 2 / 1 / 3 / 2; 
}
.div5 { 
    grid-area: 2 / 2 / 3 / 3; 
}
.div6 { 
    grid-area: 2 / 3 / 3 / 4; 
}
.div7 { 
    grid-area: 3 / 1 / 5 / 3; 
}

.div8 { 
    grid-area: 3 / 3 / 5 / 4; 
} */

a{
    text-decoration: none;
}

.video-content{
    background: url('../img/bgvideo3.jpg') center center no-repeat;
    background-color: rgba(51, 51, 51, 0.8);
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0;
}

.video{
    width: 700px;
    height: auto;
}

@media (max-width: 800px) {
    .video{
        width: 80%;
        height: auto;
    }    
}