.reset {
    margin: 0;
    padding: 0;
}

#polina .left-side {
    width: 30%;
    float: left;
    position: relative;
}
#polina .right-side {
    width: 60%;
    float: right;
    position: relative;
}

.bg-video {
    position: relative;
    display: block;
    width: 100%;
}

.bg-video video {
    display: block;
    min-width: 100%;
    width: 100%;
    height: auto;
    background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
    background-size: cover;
    transition: 1s opacity;
    object-fit: cover;
}

.bg-video .stopfade {
    opacity: .5;
}

#polina {
    position: absolute;
    top:0;
    bottom:0;
    padding: 50px;
    width: 538px;
    margin-top:0;
    margin-left: 223px;
    background-color: #ebebeb;
    opacity: 0.9;
    color: #545a64;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.3px;
}

#polina .scroll{
    overflow-x: auto;
    height: 100%;
    padding-right: 20px;
}

#polina .shape-1 {
    width: 132px;
    height: 134px;
    opacity: 0.9;
    position: absolute;
}
#polina .shape-2 {
    width: 132px;
    height: 134px;
    background-color: #ffffff;
    opacity: 0.9;
}
#polina .shape-3 {
    width: 132px;
    height: 134px;
    background-color: #ffffff;
    opacity: 0.9;
}

.shape-label{
    width: 132px;
    height: 24px;
    color: #f74269;
    font-family: "Poppins - Semi Bold";
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    /* Text style for "Missiya" */
    letter-spacing: 0.44px;
    position: absolute;
    z-index:2;
    padding-top: 50px;
    text-align: center;
}

#polina .row {
    margin-bottom: 19px;
}

#polina .section{
    width:100%;
    min-height: 150px;
    display: table;
    margin-bottom: 100px;
}

#polina .line{
    width: 100%;
}

#polina .title{
    width: 100%;
    height: 23px;
    color: #545a64;
    font-family: "Poppins - Semi Bold";
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.56px;
    text-align: center;
}

#polina .description{
    margin-bottom: 74px;
}

#polina button {
    display: block;
    width: 80%;
    padding: .4rem;
    border: none;
    margin: 1rem auto;
    font-size: 1.3rem;
    background: rgba(255,255,255,0.23);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s background;
}

#polina button:hover {
    background: rgba(0,0,0,0.5);
}

.bg-video a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background:rgba(0,0,0,0.5);
    padding: .5rem;
    transition: .6s background;
}
.bg-video a:hover{
    background:rgba(0,0,0,0.9);
}
.footer a{
    background: none;
    color: #000;
    width: 200px;
    text-align: center;
    display: block;
    float: left;
    margin-top: -2px;
    text-transform: capitalize;
}
.footer a:hover {
    color:#fff;
}

#polina.min{
    margin-top: -49px;
    bottom: auto;
    height:0;
}

@media screen and (max-width: 500px) {
    .bg-video div{width:70%;}
}
@media screen and (max-device-width: 800px) {
    #polina { 
        margin-left: 0;
        padding: 10px;
        width: 100%;
     }

     #polina .footer div{
         display: flex;
         margin-bottom: 40px;
     }
     .bg-video div{
         width: 100%;
     }
}