body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}
.left,.right,.overlay{width:50%;float:left;height:100vh;overflow:hidden;position:relative;z-index:1;cursor:pointer;}
.right{background:#e1e1e1;overflow:hidden}
.left{background:#c3c4c4;overflow:hidden }
.img{width:500px;position:absolute;bottom:50px;font-size:32px;color:#464545;font-weight:bold;font-family:Montserrat;text-align:center;border:solid 1px #464545;padding:10px 20px;
     -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); transition:all ease .5s;z-index:99;}
.activew{position:absolute;opacity:0.9;transition:all ease .6s;left:0;top:0;bottom:0;width:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}

/*.animsition-overlay {margin: 0;padding: 0;width: 100vw;height: 100vh;opacity: 1!important;overflow: hidden;}*/
.logo{width:362px;position:absolute;left:50%;margin-left:-181px;z-index:999;top:-5px}



.img{left:25%;margin-left:-250px;}
.img:last-child{left:75%;margin-left:-250px;}
.center2,
.center{width:550px;position:absolute;bottom:50px;left:50%;margin-left:-275px;text-align:center;background:#464545;padding:0 20px;
     -webkit-clip-path: polygon(13% 0%, 100% 0%, 87% 100%, 0% 100%); clip-path: polygon(13% 0%, 100% 0%, 87% 100%, 0% 100%); transition:all ease .5s;z-index:2;height:61px}
.img:after{position: absolute;content: '';width: 1px;height: 101px;right: 41px;top: -20px;background: #464545;transform: rotate(53deg);}
.img:before{position: absolute;content: '';width: 1px;height: 101px;left:38px;top: -20px;background: #464545;transform: rotate(53deg);}
.center:before{position:absolute;width:0;right:0;height:61px;background:#464545;content:'';}
.center:after{position:absolute;width:0;left:0;height:61px;background:#464545;content:'';}

.center2 {-webkit-clip-path: polygon(13.6% 0%, 100% 0%, 86 % 100%, 0% 100%);clip-path: polygon(13.6% 0%, 100% 0%, 86% 100%, 0% 100%);}

@media (max-width:992px){
    .left, .right, .overlay{width:100%;height:50vh;}
    .logo{width:162px;left:50%;margin-left:-81px}
    .activew{width:100%}
    .img {width: calc(100% - 40px);left: 0;margin-left: 0px;font-size:22px;bottom:initial;webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);top: 50%;margin-top: -50px;border-left:none;border-right:none}
   
    .img:last-child {left:0; margin-left:0; top:100%;}
    .center,.center2,
        .img:before,
        .img:after{display:none}
}